关于js中的鼠标事件总结

js中鼠标事件主要有onclick，onmousedown，onmouseup，oncontextmenu，ondblclick,所有的这些事件都包含有一个事件对象event，当然在IE低版本下，event对象是挂在window底下的。这个我们另行讨论。

1.通过html添加事件　

<input type="button" click="alert(1)"/>

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

<input type="button" value="点击"/>
<script>
  var btn=document.getElementsByTagName('input')[0];
  btn.onclick=function(){
     alert(1);
}
</script>

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

事件监听主要接受三个参数，事件类型，事件需要执行的函数，是否冒泡，默认情况下是允许冒泡的

document.addEventListener('click',function( ){ },true)

以上是关于事件添加的三种方式，通过DOM0级方式添加事件有一个缺点就是当添加同一个事件是，后写的会把先写的给覆盖掉，但是通过DOM2级方式添加的相同事件是不会覆盖前面的事件的。同时，需要注意的是通过DOM2级添加的事件类型前面是没有‘on'的，接着就是如果要移除事件的话，DOM0级直接让事件为null就能清除事件，但是如果是DOM2级添加的函数是匿名函数，通过removeEventListener（）方法是没办法移除的，因为两者指向的不是同一个函数，如果要移除，请记得使用有名函数。关于最后一个参数true是代表冒泡，false是代表捕获。

/*
* 当触发onclick事件时，console.log(ev.which),鼠标左键的which值为1
* 当触发oncontextmenue时，鼠标的右键值为3，不会触发onclick事件
* 当mousewheel时，鼠标的中键键值为0
* 当document.down时，可以根据按键的不同，从左到右鼠标键值依次为1,2,3
* 在chrome底下，查看ev.wheelDelta,向上是120，向下是-120
* 在FirFox底下，通过addEventListenner()来给鼠标添加滚轮事件，事件类型是DOMMouseScroll，查看是使用ev.detail
* 向上是3，向下是-3
*

以上这篇关于js中的鼠标事件总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js中的鼠标事件  # JS html事件冒泡和事件捕获操作示例  # js监听html页面的上下滚动事件方法  # 关于JavaScript与HTML的交互事件  # JS检测页面中哪个HTML标签触发点击事件的方法  # js 动态生成html 触发事件传参字符转义的实例  # javascript 键盘事件总结 推荐  # js监听键盘事件示例代码  # js和jquery实现监听键盘事件示例代码  # js捕捉键盘事件和按键键值的方法  # JavaScript常见鼠标事件与用法分析  # javascript 鼠标事件总结  # JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例  # 鼠标  # 移除  # 给大家  # 值为  # 键值  # 有一个  # 的是  # 就能  # 右键  # 没办法  # 希望能  # 三种  # 挂在  # 会把  # 这篇  # 可以根据  # 鼠标左键  # 需要注意  # 小编  # 大家多多 

相关文章： 公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  小建面朝正北，A点实际方位是否存在偏差？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  建站之星微信建站一键生成小程序+多端营销系统  如何制作算命网站,怎么注册算命网站？  C#怎么创建控制台应用 C# Console App项目创建方法  如何用景安虚拟主机手机版绑定域名建站？  定制建站方案优化指南：企业官网开发与建站费用解析  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  已有域名如何快速搭建专属网站？  建站之星安装需要哪些步骤及注意事项？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  如何快速生成高效建站系统源代码？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何在万网开始建站？分步指南解析  如何快速完成中国万网建站详细流程？  三星网站视频制作教程下载,三星w23网页如何全屏？  如何彻底删除建站之星生成的Banner？  如何快速建站并高效导出源代码？  建站主机功能解析：服务器选择与快速搭建指南  定制建站模板如何实现SEO优化与智能系统配置？18字教程  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  Python路径拼接规范_跨平台处理说明【指导】  高防服务器租用首荐平台，企业级优惠套餐快速部署  浅谈Javascript中的Label语句  定制建站是什么？如何实现个性化需求？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  建站之星2.7模板快速切换与批量管理功能操作指南  如何在局域网内绑定自建网站域名？  定制建站如何定义？其核心优势是什么？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  建站之星安装路径如何正确选择及配置？  如何用美橙互联一键搭建多站合一网站？  如何通过多用户协作模板快速搭建高效企业网站？  成都网站制作报价公司,成都工业用气开户费用？  如何在云虚拟主机上快速搭建个人网站？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  网站制作模板下载什么软件,ppt模板免费下载网站？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  临沂网站制作企业,临沂第三中学官方网站？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  家庭建站与云服务器建站，如何选择更优？  制作门户网站的参考文献在哪,小说网站怎么建立？  小型网站建站如何选择虚拟主机？  学校为何禁止电信移动建设网站？  建站之星安装失败：服务器环境不兼容？  孙琪峥织梦建站教程如何优化数据库安全？