反应本机Webview事件侦听器将空事件对象传递给回调

Question

building a html canvas page in react-native webview. everything seem fine except the canvas.addEventListener call the call back with empty event object

var moveEvents = ["mousemove", "touchmove"]
moveEvents.forEach(function (moveEvent) {
canvas.addEventListener(moveEvent, function(e) {
    console.log(e) // {} 
    mouse.x = e.pageX - this.offsetLeft;
    mouse.y = e.pageY - this.offsetTop;
}, false);

don't know what could possible be wrong this behavior is only noticed on react-native here is the code working as expected on jsfiddle

Answer 1

I have been struggling with the exact same thing. Regular events through DOM or jQuery didn't work for me, but the following did.

canvas.ontouchmove = function(e) {
    //e.pageX;
    //e.pageY;
};