js中 onmouseover/out 在进入离开绑定事件的子元素时,都会触发一次,因此项目中药尽量少用 可以使用onmouseenter/leave代替,它们在绑定事件上只会触发一次,不会重复触发…

相信做前端开发的都听说过“冒泡型事件”吧,<JavaScript高级程序设计>第九章有详细的讲述,但是,在学习的时候一知半解,也没详细去理解,导致最近在工作中碰到了问题:有许多 li 标签,标签上有2个按钮,当且仅当鼠标移入 li 时才会显示上面的2个按钮,如下图,左边是默认状态,右边是鼠标移入状态,开始使用的是 mouseover 和 mouseout ,结果鼠标移动到按钮上时,按钮会出现闪烁的情况.      后来对比了mouseover,mouseout,mouseenter,mouse…

今天在使用鼠标事件时,用错了mouseout,于是做个测试总结. 结论: mouseenter:当鼠标移入某元素时触发. mouseleave:当鼠标移出某元素时触发. mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发. mouseout:当鼠标移出某元素时触发,移入和移出其子元素时也会触发. mousemove:鼠标在某元素上移动时触发,即使在其子元素上也会触发. mouseout.mouseover和mouseleave.mouseenter最大的区别,在于子元素连带…

针对单个元素,使用感一样. 差异提现在有子元素的情况下: mouseover和mouseout在父元素和其子元素都可以触发,当鼠标穿过一个元素时,触发次数得依子元素数量而言. mouseenter和mouseleave只在父元素触发,当鼠标穿过一个元素时,只会触发一次. mouseover和mouseout比mouseenter和mouseleave先触发 因此一般mouseover和mouseout一起使用,mouseenter和mouseleave一起使用. 在下面链接中体验: http:/…

又一个傻傻分不清楚的东东~ 现实真是一个问题天天有的世界~本以为我对js中的事件还是比较了解的,对于早就接触的mouse事件,更是觉得得心应手了~但是现实却给了我一记重拳! 我自身工作中遇到的犯二的故事就不说了...实在太...所以就进入主题! 简单的记录一下mouse事件中比较容易搞混的: mouseover和mouseout他们是一对,而mouseenter和mouseleave是另外一对! 对于大牛们来说,我这么分组应该一目了然了,然而对于新手可能可以往下看看. mouseover和mou…

   mouseover([[data],fn]) 概述 当鼠标指针位于元素上方时,会发生 mouseover 事件.该事件大多数时候会与 mouseout 事件一起使用 注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件.只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件 参数 fn  在每一个匹配元素的mouseover事件中绑定的处理函数 [data],fn  data:mouseover([Data], fn)…

心情压抑的一天,我想好好的. mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. mouseout与mouseleave 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件. 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件. mouseover.mouseout事件冒泡…

这里直接把<Javascript 高级程序设计(第三版)>中的解释贴出来: mouseover:在鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发.不能通过键盘触发这个事件. mouseout:在鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发.又移入的另一个元素可能位于前一个元素的外部,也可能是这个元素的子元素.不能通过键盘触发这个事件. mouseenter:在鼠标光标从元素外部首次移动到元素范围之内时触发.这个事件不冒泡,而且在光标移动到后代元素上时不会触…

待定 附加链接: http://www.aijquery.cn/Html/jqueryrumen/129.html…

相信小伙伴们都用过鼠标事件,比如mouseover和mouseout,mouseenter和mouseleave.它们都分别表示鼠标移入移出. 在使用的过程中,其实一直有个小疑问——它们之间究竟有什么区别?但此前一直没有去真正了解过. 后来看了一些博客,总结出了最大的不同:     ①:mouseover/mouseout是冒泡事件.     ②:mouseenter/mouseleave不冒泡. 建议:需要为多个元素监听鼠标移入/出事件时,推荐使用mouseover/mouseout,提高性能…