javascript - 将 JavaScript 鼠标事件从一个元素传播到另一个元素?

标签 javascript dom canvas dom-events

我使用 HTML div 元素作为 canvas 的工具提示,即 div 应像鼠标一样跟随鼠标的运动指针在 canvas 元素上移动。

这几乎有效。工具顶部位于鼠标指针的东南方向,当指针向东南方向移动时,指针可能会移动到 div 元素上,从而不再有鼠标移动事件正在到达 Canvas 。仅当鼠标进一步移动到 div 之外时,此问题才会解决,这会使 div 以丑陋的方式跳转以调整到该位置。

如何避免这些跳转并实现 div 对于鼠标来说是“透明”的?

通常的冒泡不起作用,因为 canvas 无法容纳子元素;至少当我将子项添加到 canvas 时,它们不会显示。

没有使用/可用的外部模块,例如 jQuery 或任何其他模块。

最佳答案

您应该能够使用pointer-events: none;在 div 上。

关于javascript - 将 JavaScript 鼠标事件从一个元素传播到另一个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60972501/

相关文章:

javascript - 当密码值为空时如何禁用消息

javascript - 检测与另一个元素具有相同属性值的元素

javascript - ajax提交上传进度总是返回100

javascript - 如何计算像geojson.io这样的Leaflet中多段线的距离?

php - 处理 php 页面中的 javascript 列表

java - 由于移动到 java 1.7 Xml 文档元素不缩进

javascript - 异步调用后 DOM 更新

javascript - 动画 Canvas 描边

javascript - 在 Discord 的登录页面中为 "Wobbly Canvas"设置动画?

javascript - 如何在 JavaScript 中编写正确的 OOP 代码?