js鼠标触碰事件,js鼠标事件包括哪几种

js鼠标触碰事件,js鼠标事件包括哪几种,关于js中的鼠标事件总结

以下是js中鼠标事件的总结。我觉得边肖挺好的。我现在就分享给你,给你一个参考。来和边肖一起看看吧。

js中的鼠标事件主要有onclick、onmousedown、onmouseup、oncontextmenu、ondblclick,这些事件都包含一个事件对象event。当然,在IE的较低版本中,事件对象挂在窗口下。这个我们单独讨论。

1.通过html添加事件 

input type=' button ' click=' alert(1)'/

2.通过DOM0级方式添加事件

输入类型='按钮'值='单击'/

脚本

var BTN=document . getelementsbytagname(' input ')[0];

btn.onclick=function(){

警报(1);

}

/脚本

3.通过DOM2级方式添加事件

事件监控主要接受三个参数:事件类型,事件需要执行的功能,是否冒泡。默认情况下,允许冒泡。

document . addevent listener(' click ',function( ){ },true)

以上是关于事件添加的三种方式。通过DOM0级别添加事件的一个缺点是,当添加相同的事件时,后一个会覆盖前一个,但通过DOM2级别添加的相同事件不会覆盖前一个。同时需要注意的是,DOM2 level添加的事件类型前面没有‘on’。然后,如果要移除事件,DOM0 level可以通过直接使其为null来清除事件。但是如果DOM2 level添加的函数是匿名函数,就不能用removeEventListener()方法移除,因为它们指向的不是同一个函数。如果你想删除它,请记住使用一个命名函数。最后一个参数,true代表冒泡,false代表捕获。

/*

*触发onclick事件时,console.log(ev.which),鼠标左键哪个值为1。

*触发oncontextmenue时,鼠标右键值为3,不会触发onclick事件。

*使用鼠标滚轮时,鼠标的中键数值为0。

*当document.down时,鼠标键值从左到右根据键的不同分别为1、2、3。

chrome下看ev.wheelDelta,120上-120下。

*在FirFox下,通过addEventListenner()给鼠标添加一个滚轮事件。事件类型为DOMMouseScroll,视图使用ev.detail

*向上是3,向下是-3。

*

以上对js中鼠标事件的总结,就是边肖与大家分享的全部内容。希望能给你一个参考,多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • vue监听指定按钮加点击事件,vue按钮点击事件,vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
  • js鼠标触碰事件,js鼠标事件包括哪几种,关于js中的鼠标事件总结
  • js鼠标拖动div,js 移动鼠标
  • js鼠标拖动div,js 移动鼠标,JS实现简单移动端鼠标拖拽
  • js怎么实现点击按钮图片切换,js鼠标点击按钮图片移动
  • js怎么实现点击按钮图片切换,js鼠标点击按钮图片移动,js鼠标点击图片切换效果代码分享
  • js小球跟随鼠标移动,js鼠标跟随特效
  • js小球跟随鼠标移动,js鼠标跟随特效,js实现鼠标跟随小游戏
  • jquery鼠标悬停二级菜单,jquery鼠标悬停按钮切换图片
  • jquery鼠标悬停二级菜单,jquery鼠标悬停按钮切换图片,jQuery实现鼠标悬停3d菜单展开动画效果
  • html鼠标特效代码,html鼠标特效
  • html鼠标特效代码,html鼠标特效,10个经典的网页鼠标特效代码
  • win7鼠标滚轮上下失灵,win7鼠标滚轮用不了
  • thinkpad usb口不能用 鼠标,thinkpad电脑怎么禁用触控
  • win10鼠标点击速度,win10鼠标加速度在哪里
  • 留言与评论(共有 条评论)
       
    验证码: