【问题标题】:react native webview event listener passes empty event object to callbackreact native webview事件监听器将空事件对象传递给回调
【发布时间】:2017-06-30 20:37:22
【问题描述】:

在 react-native webview 中构建一个 html 画布页面。除了 canvas.addEventListener 使用空事件对象调用回调之外,一切看起来都很好

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

不知道可能出了什么问题 这种行为只在 react-native 上被注意到这是代码在 jsfiddle 上按预期工作

【问题讨论】:

  • 有没有想过这个?

标签: javascript android webview react-native


【解决方案1】:

我一直在为同样的事情苦苦挣扎。通过 DOM 或 jQuery 的常规事件对我不起作用,但以下方法起作用。

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

【讨论】:

  • 啊!诡异的。因此,当它不是 DOM 环境时,将其视为 DOM 环境是我们的错。我读了这个stackoverflow.com/questions/41804855/…,并找到了文章。感谢您找到这个问题的答案。
猜你喜欢
  • 2016-01-17
  • 1970-01-01
  • 1970-01-01
  • 2016-12-06
  • 1970-01-01
  • 1970-01-01
  • 2022-07-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多