Javascript 对鼠标左右键的区分

最新推荐文章于 2024-07-05 16:59:51 发布
最新推荐文章于 2024-07-05 16:59:51 发布
阅读量2.2k 收藏 3
点赞数
分类专栏： Web开发 文章标签： javascript 鼠标左右键区分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/licke28/article/details/27888067
版权

Javascript 中 onMouseDown 事件有个 events.button 可以返回一个数值，根据数值可以判断用户按了鼠标的哪个键。

下面是几款浏览器的测试结果。


IE 10 浏览器：

        events.button==0  鼠标左键
        events.button==1  鼠标中键 
        events.button==2  鼠标右键 

   以下返回值有待验证。

        events.button==3  鼠标左右键同时按下
        events.button==4  
        events.button==5  鼠标左键和中键同时按下
        events.button==6  鼠标右键和中键同时按下
        events.button==7  所有三个键都按下


Chrome 浏览器：

        events.button==0  鼠标左键
        events.button==1  鼠标中键 
        events.button==2  鼠标右键

上个测试源码，自己可以对自己的浏览器进行测试：

<html>
<head>
<title>onMouseDown事件</title>
<meta charset="utf-8" />
</head>
<body οnmοusedοwn="alert(event.button)">

</body>
</html>

JS事件（2）
qq_30252219的博客
10-28 463
鼠标事件 点击事件的执行顺序 mousedown，可以区分左右键，button:0,1为中间滚轮 mouseup，可以区分左右键,button:2 mousedown,mouseup可以区分左右键， button:0,左键 button:1中间滚轮 button:2右键 click 键盘事件 keydown，可以区分左右键，button:0,1为中间滚轮 keypress，可以区分...
js 区分鼠标点的是左键还是右键以及屏蔽右键菜单
xiaoheliushuiya
11-11 170
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
Javascript如何判断按下的是鼠标左键还是右键
chentu279203653csdn的博客
01-26 1万+
Javascript如何判断按下的是鼠标左键还是右键 一、需求：在页面上某个元素上点击鼠标右键，弹出二级悬窗（右键菜单）。 二、解决技术问题：如何监听鼠标右键事件 三、解决方案：  1.使用jquery开发库；  2.给该元素注册jquery的mousedown事件；  3.事件对象event的属性值为0时表示是鼠标左键；值为2时表示鼠标右键。左键：event == 0;右键：
如何区分鼠标左键按下，中间按下，滚轮按下 在mousedown事件中
pengnf
06-26 426
How to distinguish mousedown for mouse click (left down, right down) please refer to below address: mousedown
javascript判断鼠标左右键-兼容firefox、ie、chrome
sstevencao的专栏
05-17 731
用javascript判断鼠标点击下去左右键的方法很简单，给对象加上onmousedown事件，通过javascript事件的e.button值来判断。   例子如下： document.onmousedown = testmouse; function testmouse(e) { var e = window.event || e; var value = e.but...
js怎么区分出点击的是鼠标左键还是右键
m0_37346206的博客
09-22 1193
IE 下 onMouseDown 事件有个 events.button 可以返回一个数值，根据数值判断取得用户按了那个鼠标键 events.button==0默认。没有按任何按钮。 events.button==1鼠标左键 events.button==2鼠标右键 events.button==3鼠标左右键同时按下 events.button==4鼠标中键 event...
JS 获取鼠标左右键的键值方法
10-25
在JavaScript中，获取鼠标的左右键键值是一项基础但重要的技能，它在开发网页时用于与用户进行交互。当鼠标事件发生时，例如点击、双击或悬停，JavaScript可以捕获这些事件并执行特定的操作。我们主要关注的是如何...
jQuery鼠标左右键自定义菜单代码
06-05
在这个“jQuery鼠标左右键自定义菜单代码”的项目中，开发者提供了一种方法来实现用户友好的交互体验，特别是对于网页上的右键和左键点击事件。 首先，我们来探讨jQuery如何处理鼠标事件。jQuery提供了`.click()`...
JavaScript鼠标事件详解：点击与按键区分
"这篇资源是关于JavaScript中鼠标事件的总结，包括了8种常见的鼠标事件：mousedown、mouseup、click、dblclick、contextmenu、mouseover、mouseout和mousemove。它还提到了mousedown和mouseup如何组成click事件，...
jQuery鼠标左右键自定义菜单代码.zip
09-23
在`js`目录下，很可能会有一个或多个JavaScript文件，里面实现了鼠标左右键菜单的逻辑；`css`目录下的文件则用于定义菜单的样式。 为了实现自定义菜单，我们需要做以下步骤： 1. **检测鼠标按键**：使用jQuery的`...
javascript 鼠标滚轮事件
10-30
然而，不同浏览器对鼠标滚轮事件的实现存在差异，最为典型的是Internet Explorer（IE）和Firefox。IE使用onmousewheel事件，而Firefox采用DOMMouseScroll事件。为了解决这些差异，开发者需要编写兼容不同浏览器的...
JS 获取鼠标左右键
三层楼的木房子
02-24 1494
function test()  {  alert(event.x+" "+event.y);  alert(event.button);  }  /*右键菜单不显示*/  document.oncontextmenu=function()  {  return false;  }  /*document.onmousedown=function()  {  if(even
如何在onMouseDown事件中判断按下的是鼠标左键还是右键
热门推荐
ZENITH
01-23 1万+
比如在OnMouseDown里吧，有一个参数是Button，他代表了是由哪个鼠标按键引发的这个事件，而Shift则说明了此时按键们的状态（不但包括左键，右键，还有alt，ctrl等键盘按键，具体可以看TShiftState的定义，在Classes.hpp里）。     代码如下，如果显示L，表示左键按下了，显示R，表示右键按下了，都显示就都按下了。     void   __fastcall  
onMouseDown和onCLick的区别
最新发布
weixin_63681863的博客
07-05 442
触发时机：鼠标按钮被按下的瞬间触发。onClick：鼠标按钮被按下并释放后触发。使用场景用于捕获鼠标按下的瞬间，通常用于启动诸如拖动操作等交互。onClick用于处理用户的点击行为，通常用于实际的点击操作，如按钮点击、链接跳转等。组合使用可以结合使用这两个事件来实现不同的用户交互效果，比如在设置状态以启动某个操作，在onClick执行最终的确认行为。综上所述，和onClick分别用于捕获鼠标按钮按下的瞬间和完成点击操作后的响应，各自在不同的交互阶段发挥作用。
JS 事件类型之鼠标事件
qq_45560350的博客
08-28 1531
鼠标事件 1 . click 鼠标左键点击 = mousedown + mouseup 2 . mousedown 鼠标左/右键摁下 3 . mouseup 鼠标左/右键松开 document.onmousedown = function(e){ console.log('mousedown') } document.onclick = function(e){ console.log('click') } document.onmouseup = function(){ console.log
html判断按键按下,javascript如何判断鼠标左键是否被按下？
weixin_30173361的博客
06-23 2696
怎么在javascript中判断鼠标左键是否被按下？下面本篇文章就来给大家介绍一下使用javascript判断鼠标左键是否被按下的方法，希望对大家有所帮助。在javascript中，可以通过Event 对象的button事件属性来判断鼠标左键是否被按下。button事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。语法：event.button=0|1|2参数：0：规定鼠标左键。1：规...
js如何判断鼠标左键是否按下
兜兜里全是糖_博客
10-13 9382
JS中判断鼠标按键的问题。 IE 左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2 中键是 event.but
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值