javascript 判断鼠标右键点击触发事件

最新推荐文章于 2023-03-03 11:38:10 发布
最新推荐文章于 2023-03-03 11:38:10 发布
阅读量3.4k 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38652871/article/details/89021349
版权

W3C上描述：http://www.w3school.com.cn/jsref/event_button.asp

0	规定鼠标左键。
1	规定鼠标中键。
2	规定鼠标右键。

//IE 参数不同：
1	规定鼠标左键。
4	规定鼠标中键。
2	规定鼠标右键。

//总的来说，鼠标右键都是2，其他的不管了


<html>
<head>
<script type="text/javascript">
function whichButton(event)
  {
    if (event.button==2)
      {
      alert("右键触发")
      }
    else
      {
      alert("其他触发")
      }
  }
</script>
</head>

<body onmousedown="whichButton(event)">
	
<p>鼠标点击会触发一个弹窗告诉你是右键触发还是其他</p>

</body>
</html>
喜大普奔⁶⁶⁶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js判断鼠标左、中、右键哪个被点击的方法
12-12
本文实例讲述了js判断鼠标左、中、右键哪个被点击的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html> <head> <title>js判断鼠标左、中、右键哪个被点击-柯乐义</title> [removed] function whichButton(event) { var btnNum = event.button; if (btnNum==2) { alert(“您点击了鼠标右键！”) } else if(btnNum==0) { alert(“您点击了鼠标左键！”) } else if(btnNum==1) { aler
JavaScript 鼠标事件监听&&触发时机&&触发顺序
jinse29的博客
04-25 6840
先说下触发时机和作用键（左键、右键）
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
12-08
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例 [removed] = function(){return false}; //禁止鼠标右键菜单显示 var res = document.getElementById('box'); //找到id为box的div document.body.onmouseup = function(e){ //在body里点击触发事件 if(e.button===2){ //如果button=1（鼠标左键），button=2（鼠标右键），button=0（鼠标中间键）
JavaScript模拟鼠标右键菜单效果
11-22
本文实例为大家分享了JavaScript模拟鼠标右键菜单的具体代码，供大家参考，具体代码如下 效果图： 具体代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>右键菜单</title> <style type="text/css"> *{ margin: 0; padding: 0; } #menu{ width: 254px; /*background-color: #ccc;*/ font-si
JavaScript常见鼠标事件与用法分析
12-02
本文实例讲述了JavaScript常见鼠标事件与用法。分享给大家供大家参考，具体如下： JavaScript 鼠标事件有以下8种 mousedown 鼠标的键钮被按下。 mouseup 鼠标的键钮释放弹起。 click 鼠标左键（或中键）被单击。 事件触发顺序是：mousedown -> mouseup -> click dblclick 鼠标左键（或中键）被双击。 事件触发顺序是：mousedown -> mouseup -> click -> mousedown -> mouseup -> click -> dblclick。 contextmenu 弹出右键菜单，它可能是鼠标右键触发的，
js 鼠标右键事件
monkey's的博客
01-29 733
js 鼠标左、右、滚轮键事件判断
Javascript 判断鼠标点击右击事件
weixin_30920513的博客
08-21 266
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 ...
原生JS监听鼠标右键事件，禁用默认事件，绑定新的自定义标签的方法
陈先生的博客
12-19 3344
最近在开发的时候，需要对鼠标右键做一个监听，根据查阅文档发现我们可以使用oncontextmenu来对右击事件进行监听，如果要监听全局的话，直接使用window.oncontextmenu来进行绑定。首先我们要使用e.preventDefault();禁用的默认的右击事件，然后再添加我们的自定义的内容；
Javascript如何判断按下的是鼠标左键还是右键
chentu279203653csdn的博客
01-26 1万+
Javascript如何判断按下的是鼠标左键还是右键 一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。 二、解决技术问题：如何监听鼠标右键事件 三、解决方案：  1.使用jquery开发库；  2.给该元素注册jquery的mousedown事件；  3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：
keyup mouseout事件，pastes鼠标右键粘贴事件
weixin_33670713的博客
03-29 522
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="" /><title>test</title> <script type="text/javascript" src="jq...
JavaScript 自定义html元素鼠标右键菜单功能
01-21
自定义html元素鼠标右键菜单 实现思路 在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象，来确定鼠标的点击位置，作为显示菜单的left和top值 编码实现 <!DOCTYPE html> <html> <head> <meta charset=utf-8> [removed] [removed] = function(){ var menu = document.getElementById('menu'); document.body.oncontextmenu = function(e){ // 自定义body元
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
12-12
通常我们使用阻止右键事件是在全局阻止，即在document层面就将右键拦截，现在我想要实现的效果是只在特定的区域阻止默认的右键事件，而其他区域并不影响。 通过实验我发现要是在IE下绑定的方法中return fals
Vue Baidu Map组件封装：多边形组件和右键菜单
超频化石鱼的博客
12-19 4813
在Vue上进行开发，地图使用了百度提供的Vue Baidu Map。当前版本为v0.21.15。官方文档地址： https://dafrok.github.io/vue-baidu-map/#/zh/index 开发需求：在百度地图上动态进行多边形的显示，添加，删除，修改。 具体流程： 在地图上点右键，弹出菜单：添加多边形。点击菜单项后，进入绘制模式。 在绘制模式下，每次鼠标点击百度地图，都会在...
html如何判断鼠标右键事件,javascript中如何获取鼠标的左键，右键，滚轮点击事件呢？...
weixin_26795617的博客
05-30 864
摘要:下文讲述js中获取鼠标左键，右键，滚轮点击事件的方法分享,如下所示；实现思路:1.绑定mousedown事件，2.通过获取事件的中button属性值当button=2,代表右键当button=0,代表左键当button=1,代表点击滚轮例:捕捉鼠标点击事件maomao365.comjs捕捉鼠标点击事件div{background-color:green;color:white;height:...
js监听ctrl + c 事件 和 鼠标右键复制事件,获取复制内容
m0_56561432的博客
03-03 3068
js监听ctrl + c 事件 和 鼠标右键复制事件,获取复制内容
js 捕获鼠标右键事件
impossible1994727的博客
10-27 1684
window.oncontextmenu=()=>{console.log('鼠标点击了右键')}
js实现鼠标右键事件方法
热门推荐
6块腹肌的博客
05-24 3万+
js实现鼠标右键事件，放入如下： <div id="demo"></div> let demo = document.getElementById("demo"); demo.oncontextmenu = function(e) { e.preventDefault(); // 执行代码块 console.log(this) } e.p...
鼠标右键触发事件
mao871863224的博客
08-07 1504
需求：鼠标 右键的时候使用系统自带的打开链接功能 如下图： 解决： 1、鼠标右键要展示上述默认功能，首先被点击部分要使用a标签，a标签拥有属性href才能默认打开上图 2、angular7项目中右键触发（contextMenu）事件<当然也可以使用（mousedown）事件，当e.which为3的时候就是鼠标右键，当e.which为1的时候是鼠标左键事件，当e.which为2的时候就是鼠标中键事件> TS文件中获取该id下的a标签，给该a标签增加一个href属性，并且把跳转的路由给该href
原生JS监听复制事件，更改复制的内容，或者在复制内容后面追加参数，原生JS控制按钮点击复制自定义内容，复制想要让复制的内容
06-19 6901
原生 JS 监听 复制 copy 事件，追加版权信息 <div class="empty-font">空心字</div> <script type="text/javascript"> //监听整个页面的 copy 事件 document.addEventListener('copy',function(e){ // clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的，也就是你复制或者剪切内容 let clipboardD
js添加右键点击事件
最新发布
08-26
要在JS中添加右键点击事件，可以使用oncontextmenu属性和preventDefault()方法来阻止浏览器默认的右键菜单弹出。下面是一个示例代码： ```javascript document.getElementById("btn1").oncontextmenu = function(e){ e.preventDefault(); console.log('鼠标右击了'); }; ``` 这段代码将按钮的右键点击事件设置为打印出"鼠标右击了"的信息。当用户右击按钮时，将触发该事件并执行相应的操作。可以根据需要自定义右键点击事件的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [js如何添加鼠标右击事件](https://blog.csdn.net/zhaoxiang66/article/details/78063015)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [js添加鼠标右击事件](https://blog.csdn.net/weixin_34352449/article/details/92630214)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值