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>