Recientemente, estoy jugando con electron preload.js debido a problemas de seguridad de nodeIntegration configurado en True. Me pareció extraño que pueda pasar objetos, cadenas y números de render.js a preload.js normalmente, pero parece que no puedo pasar con éxito el objeto de evento DOM o algunas de sus propiedades a preload.js.
Aquí está mi preload.js:
const fs = require('fs') const { contextBridge, ipcRenderer } = require('electron') contextBridge.exposeInMainWorld('test', { // Cant pass DOM events. logFile: (fn, fp) => { console.log(fn) console.log(fp) } })Aquí está mi render.js
let holder = document.querySelector('#holder') holder.addEventListener('drop', (e)=>{ e.preventDefault() e.stopPropagation() // Failed. Comment this otherwise the app will crash or log out empty object/list. window.test.logFile(e.dataTransfer.files, 'test event transfer') window.test.logFile(e.dataTransfer.files[0], 'test event transfer') // Successful. Information will be logged in the console. for (const file of e.dataTransfer.files) { const fileName = file.name const filePath = file.path window.test.logFile({'file name': fileName}, filePath) } // It's impossible to pass event objects from render to preload. }) holder.addEventListener('dragover', (e) => { e.preventDefault() e.stopPropagation() })Tengo curiosidad acerca de este comportamiento. ¿Por qué no puedo pasar el objeto de evento directamente desde render.js a preload.js ya que también son solo objetos? Si este es un comportamiento diseñado, ¿cuál es la lógica detrás de esto?
Mi entorno: