javascript - 如何在 Chrome 中显示一个 div，但使其完全不具有交互性

Question

我有一个 <div>覆盖在我的页面上，并跟踪鼠标。然而，有时用户能够以适当的速度移动鼠标进入跟踪<div> .另外，这个 <div>有时会阻止用户单击下方/后面的其他内容。

可视化显示此 <div> 的正确方法是什么？ ，没有它“阻塞”或干扰底层 DOM，或与此相关的任何一个？特别是要阻止它干扰鼠标事件。

Answer 1

对此已经有了很好的答案，您也可以考虑 css:

pointer-events: none;

这有效地使事件作用于 div 下面的元素，而不是 div 本身。

IE 对此的支持不是很好，但如果您不需要 IE 支持，或者如果您有时间正确地支持它并包括条件回退，这是一个很好的方法。

查看支持信息:http://caniuse.com/pointer-events