2017-02-12 19 views
0

在react-native webview中构建html canvas页面。一切似乎罚款除外canvas.addEventListener电话回拨空事件对象反应原生webview事件侦听器将空事件对象传递给回调

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); 

不知道什么能可能是错误的 这种行为只注意到了反应母语这里是jsfiddle

按预期工作的代码
+0

有没有想过这一个? –

回答

1

我一直在努力完成同样的事情。通过DOM或jQuery进行的常规事件对我来说不起作用,但是下面做了。

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

啊!奇怪的。所以,当它不是时,将它当作DOM env来处理是我们的错。我读了这个https://stackoverflow.com/questions/41804855/does-react-native-have-a-virtual-dom,和文章选址。谢谢你找到答案。 –