事件对象

事件对象:

    当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递给响应函数。在事件对象中封装了当前事件相关的一切信息。比如鼠标的移动,键盘的按键被按下,鼠标滚轮滚动的方向。

    clientx可以获取鼠标指针的水平坐标。clienty可以获取鼠标指针的垂直坐标。

    冒泡(Bubble):指的是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发。取消冒泡:可以将事件对象的cancelBubble设置为true。

    事件的委派:指将事件绑定给元素的共同的祖先元素,这样当后代元素的冒泡被触发时,会一直冒泡到祖先元素。从而通过父元素的响应函数来处理事件。事件委派是利用了冒泡,从而减少了事件的绑定次数,提高程序的性能。event中的target表示的触发事件的对象。

    事件的绑定:使用对象.事件=函数的形式绑定函数,他只能为一个元素的一个事件绑定一个响应函数,不能绑定多个,如果绑定了多个,则后面的会覆盖掉前面的。

    addEventListener()通过这个方法也可以为元素绑定响应函数,第一个参数是事件的字符串,不要on(如'click') 第二个参数是事件的回调函数,当事件触发时函数会被调用,第三个参数是是否在捕获阶段出发事件,需要一个布尔值,一般都传false。使用addEventListener() 可以同时为一个元素的相同事件同时绑定多个响应函数,这样当事件被触发时,响应函数会按照函数的绑定顺序执行。

    定义一个函数,用来为指定函数绑定响应函数。参数 obj 要绑定事件的对象  eventstr 事件的字符串

    

原文地址:https://www.cnblogs.com/maxuefeng/p/13649566.html