一篇文章讲明白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("您点击了鼠标侧键(前进)");

}

});

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

相关文章
|
3天前
|
XML 缓存 JavaScript
一篇文章讲明白JS模板引擎之JST模板
一篇文章讲明白JS模板引擎之JST模板
|
16天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
48 10
|
9天前
|
JavaScript 前端开发
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
14 1
|
15天前
|
JavaScript 前端开发
JS的监听事件
JS的监听事件
|
1天前
|
机器学习/深度学习 JavaScript 前端开发
一篇文章讲明白JS左右轮播图的制作思路
一篇文章讲明白JS左右轮播图的制作思路
|
2天前
|
JavaScript vr&ar 数据库
一篇文章讲明白JS获取当前日期
一篇文章讲明白JS获取当前日期
|
2天前
|
机器学习/深度学习 JavaScript 前端开发
一篇文章讲明白JS左右轮播图的制作思路
一篇文章讲明白JS左右轮播图的制作思路
|
2天前
|
JavaScript 前端开发
一篇文章讲明白js表单提交
一篇文章讲明白js表单提交
|
2天前
|
Web App开发 JavaScript 前端开发
一篇文章讲明白js实现移动端拖拽效果
一篇文章讲明白js实现移动端拖拽效果
|
3天前
|
算法 JavaScript 安全
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密