我遇到了一个问题,还没有找到解决方法。我试图在父容器上使用pointermove
的事件委托,我想知道事件何时从子容器交叉到父容器,反之亦然。
这在桌面浏览器上运行得很好,但是当我在Safari iOS中尝试时,似乎事件目标被“卡住”在第一个启动pointermove
的东西上。当pointermove
跨越父/子边界时,目标不会改变。有什么想法吗?
范例程式码:
const outer = document.getElementById("outer");
outer.addEventListener("pointermove", (e) => console.log(e.target.id))
body {
touch-action: none;
}
#outer {
height: 500px;
width: 500px;
background-color: #AAAAFF;
}
#inner {
height: 200px;
width: 200px;
background-color: #AAFFAA;
}
<div id="outer">
<div id="inner">
</div>
</div>
1条答案
按热度按时间wsxa1bj11#
看起来这个问题已经存在很长时间了。Touchmove的工作方式与
pointermove
相同,这就是为什么我没有看到这个问题的结果。下面是another stack overflow post的解决方法,即使用document.elementFromPoint
,例如:字符串