jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了时髦的jQuery mouseleave行为大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个类似菜单的下拉容器,通过绑定“mouseleave”事件来隐藏.
<div id="container">
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
</div>

我遇到的问题是我的容器的子元素包含一个SELECT对象,其中SELECT的OPTIONS物理地扩展到容器的边界之外.因此,将鼠标悬停在边界之外的OPTIONS上会触发“mouseleave”事件以触发并关闭我的下拉. SELECT是容器的子代,所以在这种情况下,我希望mouseleave事件能够识别它.

解决方法

Blocka解决方案的更新,因为它无法正确使用Firefox:
if ((typeof e.fromElement != 'undefined' && !e.fromElement.length) ||
    (typeof e.fromElement == 'undefined' && e.target.tagName != 'SELECT')) {
    // perform your mouseleave logic
}

大佬总结

以上是大佬教程为你收集整理的时髦的jQuery mouseleave行为全部内容,希望文章能够帮你解决时髦的jQuery mouseleave行为所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: