1、mouseenter事件和mouseover的区别 (都是鼠标移入)
冒泡的方式处理问题
如果父级有mouseover事件,那么 mouseover触发冒泡事件
但是mouseenter不会触发冒泡事件
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave(无冒泡问题)
2、hover事件 (移进移出切换)
$(selector).hover(handlerIn(进入), handlerOut(移出))
3、focusin事件与focusout事件,还有blur与focus事件
区别:是否支持冒泡处理
div是input的父元素,当它包含的元素input触发了focus事件时,它就产生了focusin()事件。
blur与focusout也亦是如此
4、自动触发 trigger()
$('#elem').on('click', function() { alert("触发系统事件") });
可利用此方法触发
$('#elem').trigger('click');
与triggerHandler事件的区别
- triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit()
- 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理