鼠标事鼠标事件件

鼠标事件
1.click(单击事件),可以通过点击鼠标左键(默认情况),也可以通过键盘的回车触发
2.dbclick双击事件
3.mousedown:按下鼠标是触发,不能通过键盘触发
4.mouseup:用户是否鼠标时触发,不能通过键盘事件获得
5.mouseenter:当元素首次进入元素范围时触发,不能进行冒泡
6.mouseover:当鼠标在元素上面,或者子元素上面时触发,会冒泡
7.mouseleave:当鼠标离开目标元素位置时触发,不冒泡
8.mouseout:当鼠标离开目标元素或者子元素时会触发此事件,会冒泡(不经常使用)
9.mousemove:鼠标在元素内部移动时,会重复触发此事件(重点)
区别:
mouseenter和mouseover都是在进入第一个节点时进行触发,不同的是,mouseenter不会冒泡,只会触发一次,而mouseover会冒泡,会触发多次
mousemove是在鼠标在元素内部进行移动时,进行触发,会一直触发
mouseleave:只在鼠标离开元素时触发一次,当鼠标再次进入有可以出去时,再进行触发。
核心代码:

<script>
		(function(){
		window.οnlοad=function(){
		var box=document.querySelector('.box');
		box.οnmοusedοwn=function(){
console.log('mousedown');//此处是再控制台里面进行输出,其他方式照写
}
}
})();
</scripe>	

控制台:进入浏览器,按F12

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值