js如何添加鼠标右击事件

最新推荐文章于 2024-05-29 13:45:07 发布

炸_洋芋

最新推荐文章于 2024-05-29 13:45:07 发布

阅读量3.6w

点赞数 4

分类专栏： JavaScript 文章标签：鼠标 javascript 鼠标右击事件鼠标右击

本文链接：https://blog.csdn.net/zhaoxiang66/article/details/78063015

版权

JavaScript 专栏收录该内容

24 篇文章 4 订阅

订阅专栏

####项目中用到了鼠标右击事件，在这里就当作几个笔记吧
直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id = "btn1">点击我右击</button>
	<script type="text/javascript">
		//这一步是为了阻止右击时系统默认的弹出框
		document.getElementById("btn1").oncontextmenu = function(e){
	        e.preventDefault();
	    };
	    //在这里你就可以自己定义事件的函数啦
		document.getElementById("btn1").onmouseup=function(oEvent) {
		    if (!oEvent) oEvent=window.event;
		    if (oEvent.button==2) {
		        console.log('鼠标右击了')
		    }
		}
	</script>
</body>
</html>

这样就好了，是不是很简单！！！！

炸_洋芋

关注

4
点赞
踩
16

收藏

觉得还不错? 一键收藏
3
评论
js如何添加鼠标右击事件

项目中用到了鼠标右击事件，在这里就当作几个笔记吧直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button id = "btn1">点击我右击<
复制链接

扫一扫