将鼠标事件传播给模糊的元素

时间:2010-07-27 21:30:12

标签: javascript css mouseevent

在JavaScript中是否有办法将事件传播到被另一个模糊的元素?因为我有一个position: absolute的元素遮挡了不是它的父元素的元素,但我想点击,mousemove和mousout事件来传递这个元素。该解决方案可以是特定于Mozilla Firefox的,因为我将在Firefox附加组件中使用它。

2 个答案:

答案 0 :(得分:17)

也许css属性pointer-events:none;正是您所寻求的。例如,它在twitter主页上使用,因此当您通过淡出图形进行叠加时,您也可以点击“热门主题”中的文字。

答案 1 :(得分:1)

您可以使用getElementsByTagName(“*”)来获取页面中的所有元素。使用find-world-position函数,您可以获得元素相对于页面左上角的位置。您现在可以使用offsetWidth,offsetHeight和鼠标位置[浏览器特定,lol]来检查光标是否在您的元素上。

如果光标位于您的元素上,则触发该事件。

上面的函数应附加到window.onmousedown / onmouseup / onmousemove / whatever