大佬教程收集整理的这篇文章主要介绍了jquery – 为什么dragleave事件意外触发？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的意图是在文档上触发拖动事件时出现叠加层.因此,允许用户将图像拖放到文档的任何位置.当他这样做时会出现一个很酷的叠加层.在拖动事件完成时,叠加层应该隐藏自己.
我面临的问题是dragleave事件被意外触发(请参阅演示中的控制台),导致叠加层一出现就自行隐藏.如果您注释掉代码以隐藏叠加层,那么它自然会显示出来并且永远不会出现.
原因
拖动事件在链中冒泡.所以,让我感到震惊的是,因为当我使我的叠加层可见时,它触发了dragenter,并且可能在进一步拖动拉链的时候,它的孩子会触发拖拽,这个孩子会在我正在听的父母身上冒泡.
然而,事实证明,只要触发了dragenter,就会触发dragleave,即使dragenter目标是孩子！因此,在我的情况下,当我使叠加层可见时,在它上面触发了dragenter并且在文档和窗口上触发了dragleave.
修复
因此理想的放置目标不能有任何子节点,因此在其内部拖动不会触发dragleave.在我的情况下,放置目标覆盖采用完整的窗口空间,所以在我的情况下,仅在覆盖DOM上监听dragleave就足够了.这解决了90％的myc问题.
但是,当用户拖过其中的子div时会出现问题.解决这个问题太容易了.我的要求是我让孩子div对鼠标事件不可见.为此,我们有神奇的CSS – pointer-events.将此属性设置为none可以解决问题.唯一的缺点是IE直到11才@L_607_12@.
见演示http://jsfiddle.net/fSB32/5/
如果你确实需要@L_607_12@低于11的IE,那么可以使用一个技巧将空div作为放置目标中的子项并确保它具有最高的z-index并且它覆盖了完整的放置目标.这样,拖动事件应仅针对此DOM,因为所有其他子项都可以“通过”它.
以上是大佬教程为你收集整理的jquery – 为什么dragleave事件意外触发？全部内容，希望文章能够帮你解决jquery – 为什么dragleave事件意外触发？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。