这太酷了！它应该是 CSS 1 的一部分！

这太棒了。我请求这个 css 属性，因为我的项目真的很需要它 :D Paul 你太棒了！！现在我可以做到了！！谢谢！ ps: 另一个我热爱 Mozilla 的原因。

太棒了！这是 CSS3 规范的一部分吗？我们会在其他浏览器中看到它被采用吗？

也许这是一个不同的讨论，但为什么这是一个样式属性而不是标签属性？

对 Web 平台的不错补充..

FYI，Safari 4（也许是 Chrome）也支持它。还有一个非常简短的规范：http://webkit.org/specs/PointerEventsProperty.html

现在我想知道 Twitter 要多长时间才能在他们的网站上添加它。

如果我没记错的话，pointer-event 属性在发布的 Safari 中已经支持了一年多了。演示似乎无法正常工作的原因是它没有包含 webkit 等效的 -moz- 渐变内容（因此渐变不可见）

我假设“pointer-events: none;”不会对链接上的 :focus 事件做任何事情？

这可以作为另一种执行点击劫持攻击的方式吗？

似乎有比我上面使用的更好的方法来转发鼠标事件，而不是通过图层。见 http://www.vinylfox.com/forwarding-mouse-events-through-layers/

@David：也许我遗漏了什么，它对我来说似乎不起作用。如果我修改这篇博文的示例，当用户点击具有渐变的 div 时显示一个 alert() 对话框，当用户点击渐变 div 下面的单词时显示一个不同的 alert() 对话框，我可以根据 div 的 css 中设置的“pointer-events:”来显示这两个对话框之一，但我无法做任何事情让两个对话框都显示在用户点击 div 和它下面的单词所共享的像素时。如何实现？据我所知，当接收事件的元素在 DOM 中没有祖先-后代关系时，这是不可能的。我不认为即使在 SVG 元素上使用 pointer-events 也是可能的，在那里它会更加有用。

1. David

   嗯。你是对的。看起来我一定是将 onclick 处理程序附加到了错误的元素。

   我所知道实现你想要的唯一方法是使用 elementFromPoint()。

   例如，使用一些 jQuery
   $(‘.gradient’)click(function(e){
   var $this = $(this),
   x = e.pageX – $(document).scrollLeft(),
   y = e.pageY – $(document).scrollTop();

   $this.hide();
   var lowerElement = $(document.elementFromPoint(x, y));
   $this.show();
   lowerElement.trigger(e);
   });

   2010 年 10 月 4 日 下午 20:29