我正在渲染器端跟踪鼠标坐标。我想要实现的是,我将这些变化的鼠标坐标发送到 main.js (node.js) 中的一个函数,然后这个函数将计算一些东西并返回值,而渲染器中的其他函数将像乒乓球一样使用这个变量。
每次用户移动鼠标时都会重复此过程。这可以用 electron.js 实现吗?
最佳答案
这是可能的,但最好在渲染器端使用鼠标坐标来执行功能。因为像流一样发送 ipc 消息可能会减慢应用程序的速度。
以下是如何使用 ipc 消息来实现此目的的示例。
(function() {
const ipcRenderer = require('electron').ipcRenderer;
document.onmousemove = handleMouseMove;
function handleMouseMove(event) {
var eventDoc, doc, body;
event = event || window.event; // IE-ism
// If pageX/Y aren't available and clientX/Y are,
// calculate pageX/Y - logic taken from jQuery.
// (This is to support old IE)
if (event.pageX == null && event.clientX != null) {
eventDoc = (event.target && event.target.ownerDocument) || document;
doc = eventDoc.documentElement;
body = eventDoc.body;
event.pageX = event.clientX +
(doc && doc.scrollLeft || body && body.scrollLeft || 0) -
(doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = event.clientY +
(doc && doc.scrollTop || body && body.scrollTop || 0) -
(doc && doc.clientTop || body && body.clientTop || 0 );
}
// Use event.pageX / event.pageY here
ipcRenderer.send('mouse-move',{ x : event.pageX , y : event.pageY });
}
})();
在 main.js 中
const ipcMain= require('electron').ipcMain;
ipcMain.on('mouse-move', (event, arg) => {
console.log(arg) // prints eg :"{ x: 0 , y : 0 }"
event.sender.send('return-value', arg.x + arg.y);//for eg : adds x and y
})
并捕获渲染器脚本中的返回值
ipcRenderer.on('return-value', (event, arg) => {
console.log(arg) // prints 0 ; x + y
// Do what you want to do with the value
})
关于javascript - 主进程和渲染进程之间的通信,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56221771/