js如何添加鼠标右击事件

来源：懂视网责编：小采时间：2020-11-27 20:36:18

js如何添加鼠标右击事件

js如何添加鼠标右击事件:项目中用到了鼠标右击事件，在这里就当作几个笔记吧直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title

推荐度：

点击下载本文 文档为doc格式

导读js如何添加鼠标右击事件:项目中用到了鼠标右击事件，在这里就当作几个笔记吧直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title

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

直接上代码

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

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

更多相关教程请访问 JavaScript视频教程

js如何添加鼠标右击事件

推荐度：

点击下载本文 文档为doc格式

标签：如何鼠标事件

热门焦点

js如何添加鼠标右击事件

js如何添加鼠标右击事件

js如何添加鼠标右击事件

最新推荐

猜你喜欢

热门推荐