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模板下载网站?
家庭建站与云服务器建站,如何选择更优?
制作门户网站的参考文献在哪,小说网站怎么建立?
小型网站建站如何选择虚拟主机?
学校为何禁止电信移动建设网站?
建站之星安装失败:服务器环境不兼容?
孙琪峥织梦建站教程如何优化数据库安全?
*请认真填写需求信息,我们会在24小时内与您取得联系。