问题标签 [pointer-events]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何启用指针事件
我注意到在我的角度应用程序中，属性
返回true
现在，因为我想做一些涉及.net内的指针事件jsfiddle的测试，所以我注意到这些事件不存在。pointerEnabled这可能与属性在这里的事实有关undefined。
我的问题是，这个属性是如何控制的，我该如何启用它？
vuforia - Unity Vuforia Google VR - 无法让 onPointerEnter 自行更改游戏对象的材质
我的场景中有两个 3d 按钮，当我注视任何按钮时，它将调用 OnPointerEnter 回调并保存指针注视的对象。
在 Gamepad 上按下 Fire1 后，我应用从 Resources 文件夹中获取的材料。当我凝视第二个按钮时，我的问题就开始了，按下 Fire1 按钮会尴尬地同时更改两个按钮。
这是我附加到两个按钮的脚本
我感觉到一些逻辑错误，并尝试创建另一个类来仅管理指针注视的对象，但我变得更加困惑。
希望得到一些帮助
谢谢
css - Microsoft Edge 中的 CSS 指针事件失败
我的 Web 应用程序中有一个下拉菜单。此下拉列表是用户定义的（不使用<select>元素）。在这个下拉列表中有一个向下箭头。这个箭头是通过使用绝对定位的背景图像创建的span。该span标签阻止了下拉菜单的点击事件。所以，我已经添加pointer-events:none到span标签中。添加后，它在任何地方都可以正常工作，但在 Edge 浏览器中。Edge 支持pointer-event: none吗？pointer-event: none如果没有， Edge中的替代方案是什么。
下面是我使用的代码：
css - 指针事件：没有一个不适用于子元素
我有这个设置（https://jsfiddle.net/Lxcmcrx3/3/），我希望能够点击标签。但是pointer-events: none标签（.child）上的设置不起作用。
HTML
CSS
这是为什么？
将 移至 确实有效pointer-events: none，.parent但这不是我能做的。有没有办法强制指针事件发生在.child?
video - jScrollPane + 嵌入式 Youtube 视频悬停
我正在使用 jscrollpane 将自定义滚动条合并到我的网站中。
我网站的用户最近开始将 youtube 视频嵌入到 jsscrollpane 容器内的内容中。
我遇到的问题是，当用户滚动时，将鼠标悬停在内容上，一旦他们到达 youtube 视频。滚动停止。
我最近发现添加pointer-events:none可以解决问题。但我刚刚发现这会禁用悬停播放按钮与视频的交互。
有没有人遇到过这个问题？任何人都可以提供解决方案吗？
这是我的一段代码：
提前致谢。
javascript - 如何停用 css 悬停在空白区域
我有这样的东西
我尝试将鼠标悬停在红色区域上，我可以将 img 位置设置为绝对，但我相信它不是正确的方法。
我在这里提供了完整的代码https://jsfiddle.net/m6ephL81/1/
我将感谢您的 css 或 js 解决方案。
node.js - 在 Electron 中访问 xinput 事件，尤其是笔压
我一直在寻找一个跨平台 api 来读取使用 Electron 的 Node.JS 的多点触控和笔/触控笔输入。我测试了 Pointer Events Polyfill，它无法检测到我的平板电脑（Thinkpad Yoga）在 Windows 10 和 ArchLinux（i3wm，x11）上的压力。Hammer.js 缺少笔输入，并且 node-hid 没有有效的方法来确定什么是手写笔输入。但是，Wacoms WILL sdk 似乎涵盖了我正在寻找的内容，但是我想不出一种方法可以将它实现到使用 Electron 构建的应用程序中。
有人知道用分类读取 xinput 数据的可能方法吗？
javascript - 在对象中的 SVG 元素上捕获鼠标事件，也是它的父容器 div
我在 HTML 中加载 SVG 文件时遇到了一个奇怪的问题。我将点击事件附加到 SVG 文件中的特定元素，效果很好。但是，我还需要将鼠标和触摸事件附加到它的父 div。似乎 SVG 对象正在捕获鼠标事件，因此它们不会冒泡到父 div。因此，我尝试将 SVG 上的指针事件设置为无。在这种情况下，父 div 接收鼠标事件，但现在子 SVG 元素不再接收鼠标事件。我尝试将子 svg 元素设置为指针事件：全部，但它仍然没有得到鼠标事件。我在这里做错了什么？
这是我嵌入 SVG 文件的方式：
下面是我如何通过 JS 向 SVG 元素添加事件：
在这里，我将事件添加到持有 SVG 对象的父“地图”div：
提前致谢！
html - 单击而不是滚动时的指针事件
是否可以允许单击但不允许滚动事件？
将禁用两种类型的输入，我只想禁用滚动。任何其他解决方法的想法？
css - Safari (OS X) 不会在溢出的 SVG 内容上发出指针事件
我需要捕获指针事件click和在通过宽度/高度mousemove定义的内容框之外的形状上，通过.<SVG>overflow: visible
在此示例中，circle正确呈现，并且当前的 Chrome、FireFox 和 IE11 确实在溢出部分捕获指针事件，无论是否存在例如padding. 但是，在 Safari 10.0.1 OS X 上，即使我使用padding、border和/或margin，也不会注册指针事件，无论可能的 8 种排列中的哪一种排列都是如此。
Safari 只有在<SVG>内容块内才会发出点击：https ://jsfiddle.net/monfera/n1qgd5h4/5/
有没有办法监听溢出区域中的指针事件？我还没有检查 Safari 是否不兼容（错误）或其他浏览器是否松懈。
我可以求助于制作更大<SVG>元素的解决方法，但它会使盒子模型和 CSS 的大部分好处失效overflow，导致在 JS 中手动重做浏览器应该做的事情。