[前端]监听事件的几个有趣的事

1

hover=事件 mouseenter +mouseleave

！= mouseover +mouseout

这两对事件是有细致的区别的，over，out是考虑子元素也出发，而enter和leave是不考虑的这与hover是一模一样的

2
“input propertychange” 针对没有没输入一个变化字的监听的元素如textarea等标志。

3

textarea是没有自己撑开的高度和宽度的需要自己匹配。

4

on ，bind，等是有细微差异的

如on('event','childelement',function(){});

childelement起到过滤的作用，非常有用。

5

click 中event.which中1是左键，2是中间键，3是右键。可用于监听。

6

JQuery中新的右键监听事件contextmenu

7

一个bind或者on绑定多个元素和多个事件的方法

$().on({

event1:function(){},

event2:function(){}

},'element1,element2');

8

建议取消绑定然后再绑定避免重复绑定却没解绑造成幽灵事件

$().off().on()

$().unbind().bind();

9

propertychange input change 的区别

propertychange 是针对input类型的元素而言的监听每次输入的值 里面知道输入的内容即keyCode

而input 同样监听每次的输入但是没有keyCode

change则是监听事件完成后的失去焦点且值变化时

10

blur 和 focusout 

blur 不支持冒泡

focusout支持冒泡

focus 和focusin

同样focus不支持冒泡

focusin支持冒泡