在JavaScript中是否有办法将事件传播到被另一个模糊的元素?因为我有一个position: absolute
的元素遮挡了不是它的父元素的元素,但我想点击,mousemove和mousout事件来传递这个元素。该解决方案可以是特定于Mozilla Firefox的,因为我将在Firefox附加组件中使用它。
答案 0 :(得分:17)
也许css属性pointer-events:none;
正是您所寻求的。例如,它在twitter主页上使用,因此当您通过淡出图形进行叠加时,您也可以点击“热门主题”中的文字。
答案 1 :(得分:1)
您可以使用getElementsByTagName(“*”)来获取页面中的所有元素。使用find-world-position函数,您可以获得元素相对于页面左上角的位置。您现在可以使用offsetWidth,offsetHeight和鼠标位置[浏览器特定,lol]来检查光标是否在您的元素上。
如果光标位于您的元素上,则触发该事件。
上面的函数应附加到window.onmousedown / onmouseup / onmousemove / whatever