首页 > 代码库 > 鼠标指针被高层元素挡住时,触发下层元素的鼠标事件
鼠标指针被高层元素挡住时,触发下层元素的鼠标事件
在做如下图这种拖拽效果的时候,遇到一个问题:
被拖拽的元素一直位于一个比较高的层,且一直跟随鼠标移动,这样会挡住鼠标,导致其无法触发下层元素的任何事件。这样下层的元素就无法响应拖拽的事件了。
受到这篇文章的启发:http://www.vinylfox.com/forwarding-mouse-events-through-layers/
最终实现的思路是,在mouseover事件中:
1.隐藏高层元素
2.根据坐标获取当前位置的最高层DOM
3.手动触发事件
element.hide();var over=document.elementFromPoint(me.clientX,me.clientY)//手动触发事件if(over && over.onmouseenter) over.onmouseenter(me);element.show();
鼠标指针被高层元素挡住时,触发下层元素的鼠标事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。