addEventListener(event, function, useCapture) 简记

时间:2024-10-09 15:06:33

监听事件方法:addEventListener(<event-name>, <callback>, <use-capture>)

移除监听事件方法:removeEventListener(event, function)

其中 addEventListener(event, function, useCapture) 有三个参数,分别代表:

第一个参数 event-name (String):所要监听的事件名称或类型,

  如:鼠标事件(mousedown, mouseup, mousemove, mouseover, mouseout, mouseclick, dblclick 等)

    键盘事件(keydown, keyup, keypress 等)

    等用户触发的事件

第二个参数 callback (function):监听到事件后所要执行的操作,即事件触发时的回调

第三个参数 use-capture (boolean):决定事件在哪个阶段被触发并执行相应的回调函数

  false:冒泡阶段触发,true: 捕获阶段触发。默认值是 false,即冒泡触发

冒泡:内部元素的事件会先被触发,然后再触发外部元素(子元素先触发,父元素再触发)。由内及外

捕获:外部元素的事件会先被触发,然后才会触发内部元素的事件(父元素先触发,子元素再触发)。由外到内