Javascript如何判断按下的是鼠标左键还是右键
一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。
二、解决技术问题：如何监听鼠标右键事件
三、解决方案：
1.使用jquery开发库；
2.给该元素注册jquery的mousedown事件；
3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：event == 2
四、附上源码：
（jquery开发库可以去官网下载）
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<p style="width:300px;height:100px;border:1px solid blue;">
Click me!!!!
</html>
一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。
二、解决技术问题：如何监听鼠标右键事件
三、解决方案：
1.使用jquery开发库；
2.给该元素注册jquery的mousedown事件；
3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：event == 2
四、附上源码：
（jquery开发库可以去官网下载）
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<p style="width:300px;height:100px;border:1px solid blue;">
Click me!!!!
</p>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").mousedown(function(event){
if(event.button == 0){
alert("您点击了鼠标左键!");
}else if(event.button == 2){
alert("您点击了鼠标右键!");
}
});
});
</script>
</html>
扫一扫
258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
