900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Javascript如何判断按下的是鼠标左键还是右键

Javascript如何判断按下的是鼠标左键还是右键

时间:2022-04-10 03:06:04

相关推荐

Javascript如何判断按下的是鼠标左键还是右键

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!!!!

</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>

</body>

</html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。