JS-47 事件类型之鼠标事件

1、鼠标事件

  鼠标事件指与鼠标相关的事件,具体的事件主要有以下一些:

  ①click:按下鼠标时触发

  ②dblclick:在同一个元素上双击鼠标时触发

  ③mousedown:按下鼠标键时触发

  ④mouseup:释放按下的鼠标键时触发

  ⑤mousemove:当鼠标在节点内部移动时触发。当鼠标持续移动时,该事件会连续触发。

  ⑥mouseenter:鼠标进入一个节点时触发,进入子节点不会触发这个事件

  ⑦mouseleave:鼠标离开一个节点时触发,离开父节点不会触发这个事件

  ⑧mouseover:鼠标进入一个节点时触发,进入子节点会再一次触发这个事件

  ⑨mouseout:鼠标离开一个节点时触发,离开父节点也会触发这个事件

  ⑩wheel:滚动鼠标的滚轮时触发

var btn1=document.getElementById("btn1");

btn1.onclick=function(){

  console.log("click事件");  

}

温馨提示:这些方法在使用的时候,除了DOM2级事件,都需要添加前缀o

 

 

posted @ 2025-02-05 17:51  张筱菓  阅读(172)  评论(0)    收藏  举报