javascript——事件

1、冒泡:事件从最具体的元素向上触发

捕获:事件从最不具体的元素开始沿DOM树从上到下到事件的触发者结束。

事件的传播机制:若同时存在,先执行捕获,事件触发者,再执行冒泡。

2、DOM0级绑定事件:以冒泡处理,只有一个函数覆盖。

元素.onclick = function(){  }

元素.onclick = null;

3、DOM2级

元素.addEventListener (click,function(){ },true/false)      //true:捕获;false:冒泡

元素.removeEventListener(click,函数名,flase) //移除时将函数提取出来,只写函数名

4、IE

attachEvent

detachEvent        //移除时将函数提取出来,只写函数名

5、绑定事件不加()

调用事件加()

6、DOM中

方法-停止冒泡:元素.stopPropagation()

方法-停止默认:元素.preventDefault() //a标签

属性-type:获取事件的类型

属性-target:获取事件目标

IE中

方法-停止冒泡:cancelBubble

方法-停止默认:returnvalue = false //true:阻止

属性-type:获取事件的类型

属性-srcElement:获取事件目标

兼容获取事件目标:var ele = event.target || event.srcElement;

7、事件:

onclick:单击

ondblclick:双击

onmousedown:按下

onmouseup:释放

onmousemove:移动

onmouseenter:移入,不冒泡

onmouseleave:移出,不冒泡

onmouseover:移入,冒泡

onmouseout:移出,冒泡

8、window.onload :等页面加载完成

9、DomContentLoaded:dom加载完成后执行,必须放在2级事件才能执行

10、readystatechange:加载状态,改变时触发

11、window.onscroll:滚动时触发

scrollTop:获取到顶部的距离

12、onresize:改变浏览器窗口大小

13、onfocus:获取焦点后触发

onblur:失去焦点后触发

14、键盘事件:

keydown:任意键触发

keypress:功能键不触发

keyup:释放键盘触发

15、手机端:

touchstart:触摸屏幕时

touchmove:移动触摸时触发

touchend:用户不再触摸

16、clientX、clientY:相对于浏览器左上角的横纵坐标,与页面滚动无关

17、pageX、pageY:包含页面滚动的位移

18、screenX、screenY:相对于屏幕左上角的横纵坐标,与页面滚动无关

19、innerHeight、innerWidth:包括滚动条的距离

20、兼容写法:document.documentElement.clientWidth || document.body.clientWidth; 不包括滚动条的距离




你可能感兴趣的:(javascript)