<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
//去掉默认的contextmenu事件,否则会和右键事件同时出现。
document.oncontextmenu = function(e){
e.preventDefault();
};
document.getElementById("test").onmousedown = function(e){
if(e.button ==2){
alert("你点了右键");
}else if(e.button ==0){
alert("你点了左键");
}else if(e.button ==1){
alert("你点了滚轮");
}
}
}
</script>
</head>
<body>
<div style="width: 400px;height:400px;margin:auto;border:1px solid pink" id="test"></div>
</body>
</html>
javascript右键菜单 js鼠标右击事件
转载文章标签 javascript 鼠标右键 html 右键 javascript 文章分类 JavaScript 前端开发
-
javascript 右击菜单 js鼠标右键点击
今天分享一个,单击鼠标右键弹出自定义菜单,选中不同菜单选项,实现其对应功能 首先先自已定义一个菜单<div id="menu"> <ul> <li>添加</li> <li>删除</li> <li>修
javascript自定义右键菜单 HTML 前端开发 前端设计 -
js为鼠标添加右击事件
Read More
javascript 干货