JS 事件

事件

功能：监听事件的触发，调用函数

事件三要素

1. 事件源：绑定事件的节点
2. 事件类型：鼠标和键盘事件
3. 事件处理函数：触发事件时调用的函数

DOM2

给节点添加事件监听器

书写格式：NodeName.addEventListener(参1,参2,参3)

参1：事件类型

参2：事件处理函数

参3：事件流[参数3，取值为true是捕获，取值为false是冒泡(默认值)]

//冒泡：从里到外依次执行
artEle.addEventListener("click",artFn,false);
secEle.addEventListener("click",secFn,false);
pEle.addEventListener("click",pFn,false);
// 捕获：从外到里依次执行
artEle.addEventListener("click",artFn,true);
secEle.addEventListener("click",secFn,true);
pEle.addEventListener("click",pFn,true);

移除绑定的事件的监听

书写格式：NodeName.removeEventListener(事件类型,事件处理函数)

鼠标的事件

鼠标单击 click

 artEle.addEventListener("click",function f74() {
   
    artEle.style.backgroundColor='deeppink'
 });

鼠标双击 dblclick

artEle.addEventListener("dblclick",function f74() {
   
    artEle.