我正在构建一个 Chrome 扩展程序,允许用户通过单击来选择任何 DOM 元素,例如 Chrome 检查器或 Firebug。为此,我想我需要禁用所有点击事件或在文档上放置透明垫。我不知道哪种方式更好,因为...
禁用(备份)/恢复点击事件似乎相当复杂。
在文档上使用透明垫:那么用户如何通过单击垫来选择元素?
我正在构建一个 Chrome 扩展程序,允许用户通过单击来选择任何 DOM 元素,例如 Chrome 检查器或 Firebug。为此,我想我需要禁用所有点击事件或在文档上放置透明垫。我不知道哪种方式更好,因为...
禁用(备份)/恢复点击事件似乎相当复杂。
在文档上使用透明垫:那么用户如何通过单击垫来选择元素?
可以在这里找到与此相关的 Firebug 代码:
https://github.com/firebug/firebug/blob/master/extension/content/firebug/html/inspector.js
鼠标事件不会备份和恢复。该事件在被 Firebug 处理后被简单地取消。
它确实用一个元素覆盖了 HTML。为了得到它下面的元素,Inspector 使用originalTarget
. 此外,它的 CSS 属性pointer-events
设置为none
.
塞巴斯蒂安