一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)

简介: 一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)

不哔哔,直接干货。

js代码:

document.onmousedown = function(event) {

// var event = event || window.event//兼容ie低版本的

if (event.button == 0) {

//鼠标左键

alert("您点击了鼠标左键!");

} else if (event.button == 2) {

//鼠标右键

alert("您点击了鼠标右键!");

} else if (event.button == 1) {

//鼠标中键

alert("您点击了鼠标中键!");

}//代码效果参考:http://www.ezhiqi.com/bx/art_6063.html else if (event.button == 3) {

//鼠标侧键3

alert("您点击了鼠标侧键(后退)");

} else if (event.button == 4) {

//鼠标侧键4

alert("您点击了鼠标侧键(前进)");

}//代码效果参考:http://www.ezhiqi.com/bx/art_4007.html

}

jQuery代码(监听的body,其实无所谓,主要是看evevt.button的值,用哪种代码都一样):

$("body").mousedown(function(event){

if(event.button == 0){

//鼠标左键

alert("您点击了鼠标左键!");

}else if(event.button == 2){

//鼠标右键

alert("您点击了鼠标右键!");

}else if(event.button == 1){

//鼠标中键

alert("您点击了鼠标中键!");

}else if(event.button == 3){

//鼠标侧键3

alert("您点击了鼠标侧键(后退)");

}else if(event.button == 4){

//鼠标侧键4

alert("您点击了鼠标侧键(前进)");

}

});

上班时间突发奇想,鼠标侧键能监听吗?然后试着百度一下,结果只有左中右三键的,不过按照规律推测出来的侧键,然后测试了一下,竟然可以,所以分享一下。我只试了两款鼠标侧键,如有问题可以联系我。虽然我不一定能看见。

相关文章
|
2月前
|
JavaScript
在 Vue.js 中使用 watch 来监听对象属性的变化
在 Vue.js 中使用 watch 来监听对象属性的变化
|
15天前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
60 10
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
96 2
|
12天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
25 4
|
1月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
91 0
|
1月前
|
JavaScript 前端开发 API
JavaScript全屏,监听页面是否全屏
JavaScript全屏,监听页面是否全屏
56 0
|
3月前
|
JavaScript 前端开发 API
js全屏,监听页面是否全屏
js全屏,监听页面是否全屏
67 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
122 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
81 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
84 3