JavaScript事件总结

JavaScript事件总结
事件
事件就是文档或浏览器窗口中发生的一些特定的交互瞬间
JavaScript与HTML之间交互式通过事件实现的
对于web应用,有这些代表性的事件:单击事件、鼠标移入移除事件、键盘按下/弹起事件
浏览器在加载一个页面时,是按照自上而下的顺序加载的

文档的加载:
读取到一行的时候就运行一行,如果将script标签写在上面,
在执行代码时,页面还没有加载
JavaScript事件总结_第1张图片

onload事件会在整个页面加载完成之后触发
为window绑定一个onload事件
事件对象
当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递传递进响应函数,在事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标 键盘那个按键被按下,鼠标滚轮滚动的方向
在IE8中,响应函数被触发时,浏览器不会传递事件对象
在IE8及以下的浏览器中,是将事件对象作为window对象的属性保存的
事件冒泡
-所谓冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发
在开发中大部分情况冒泡都是有用的,如果不希望冒泡发生可以通过事件对象取消冒泡 event.cancelBubble=true

JavaScript事件总结_第2张图片

事件的委派
指将事件统一绑定给元素共同的祖先元素,这样当后代元素上的事件触发时,会一直冒泡到祖先元素,从而通过祖先元素的响应函数来处理事件
事件委派是利用冒泡,通过委派可以减少事件绑定的次数,提高程序的性能
事件对象的属性target:返回触发此事件的元素(事件的目标节点)
JavaScript事件总结_第3张图片

你可能感兴趣的:(JavaScript事件总结)