鼠标按下，javascript中event.which和event.button在各浏览器中的值

最新推荐文章于 2020-11-23 16:58:20 发布
原创 最新推荐文章于 2020-11-23 16:58:20 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在Chrome、Firefox和IE浏览器中，鼠标左、中、右键点击时event.which及event.button属性的具体数值表现。对于跨浏览器兼容性的理解非常有用。

本来是个列表格式的，提交之后csdn把格式搞乱了，看不清楚，直接给结论：


从鼠标左中右键按顺序chrome,ff,ie中event.which的值分别是1，2，3

chrome,ff中event.button值左中右键值分别是：0，1，2

IE中event.button值分别是：1，4，2（为什么会有个4值呢？）


IE6 7没有测试！

JavaScript 中的 event.which 和 event.button：鼠标事件属性解析
CodeWhizZ的博客
09-15 659
event.which 和 event.button 属性提供了处理鼠标事件时获取键码和按钮代码的便捷方式。通过这些属性，我们可以根据用户的操作进行相应的处理，实现更灵活和交互性强的网页功能。请记住，不同的浏览器可能对这些属性的支持有所不同，因此在开发时最好进行兼容性测试，以确保代码在各种环境下正常工作。event.which 属性返回一个整数，表示触发鼠标事件时按下或释放的键的 Unicode 值。event.button 属性用于鼠标事件，它返回一个整数，表示触发鼠标事件时按下或释放的鼠标按钮的代码。
jquery利用event.which方法获取键盘输入值的代码
10-28
在这个例子中，当用户在`<input>`元素上按下任意键时，`keydown`事件会被触发，`event.which`的值将被显示在`<div>`元素内，揭示了用户按下的键的键码。 值得注意的是，`event.which`在不同浏览器中可能有不同的...
js中event.which和event.button
weixin_47582190的博客
11-23 1438
今天在练习开发扫雷的时候,需要监听鼠标点击的左右键事件,课程中老师使用的是event.which监听鼠标点击左右键,但是在自己电脑上使用的时候,发现提示该属性已经被web标准弃用,故百度了一下,可以用event.button来带代替 event.which table.onmousedown = function(event) { event = event || window.event //兼容IE console.log(event.target) //事件源测试
jQuery Event.which 属性详解
dianyuan4292的博客
03-16 313
which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮。 对于键盘和鼠标事件，该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。 which属性对DOM原生的event.keyCode和event.charCode进行了标准化。 适用的事件类型主要有键盘事件：keypress、keydown、keyup，以及鼠标事件：mouseup、mousedown。 该属性属于jQue...
Javascript:keyCode键码值表
Super_Puma的专栏
09-16 3362
字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码
chrome 技巧篇-如何查看web元素绑定的监听事件
热门推荐
小蓝枣的博客
11-19 2万+
第一步：首先通过 F12 进入开发者工具页面。 第二步：选中 Elements 页签内对应的元素，可以用一个按钮来试一试。 第三步：右边选择Event Listeners 页签，并取消勾选 Ancestors All。这个包含该元素所有父类绑定的监听事件。 如下图所示：图中的提示框的确定按钮就绑定了一个 click 点击事件。
IE和firefox浏览器的event事件兼容性汇总
09-05
在IE浏览器中，事件处理函数可以直接访问到全局的`event`对象，而Firefox和其他遵循W3C标准的浏览器则不支持这种全局访问方式。为实现兼容，可以在事件处理函数中将event对象作为参数传递，如示例所示： ```html ...
封装自己的js工具-Event.txt
08-21
在浏览器中，事件模型主要分为两种：IE的捕获模型和Firefox等其他浏览器采用的标准DOM事件流模型。由于这两种模型存在一定的差异，导致开发者在编写跨浏览器兼容的事件处理代码时面临诸多挑战。 - **IE事件模型**：...
js判断鼠标左、中、右键哪个被点击的方法
10-24
在JavaScript中，可以通过`event.button`属性来获取鼠标按键的信息，该属性返回一个数值，代表了按下的鼠标按钮。这个值的不同，对应了不同的鼠标按钮： - `event.button == 0` 表示用户点击了鼠标左键（通常是主...
button按钮绑定回车事件
qq_40997700的博客
04-22 1万+
$("body").keydown(function() { if (event.keyCode == "13") {//keyCode=13是回车键 $('#okbutton').click();//换成按钮的id即可 } });
JS Event对象详解
好女绪的博客
02-11 7260
1：相同事件绑定和解除，需要使用共用函数；绑定和解除事件时，事件没有"on"，即onclick写成click2：共用函数不能带参数；
浅谈JavaScript中按键事件的e.keyCode || e.which || e.charCode
筱葭的博客
01-02 2万+
1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 document.getElementById("text").onkeypress = function
Query Event.which 属性详解
tyjlearning的博客
01-08 634
which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮。 对于键盘和鼠标事件，该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。 which属性对DOM原生的event.keyCode和event.charCode进行了标准化。 适用的事件类型主要有键盘事件：keypress、keydown、keyup，以及鼠标事件：mouseup、mousedown。 该属性属于jQuery的Ev...
常用的event.button事件
James8023的专栏
06-05 1220
常用的event.button事件 IE下 没有按键动作的时候 window.event.button = 0 左键是 window.event.button = 1 中键是 window.event.button = 4 右键是 window.event.button = 2 Firefox下 没有按键动作的时候 event.button = 0 左键是 event.button
event.button
GoodIdea
05-30 2339
event.button实例分析 0 Default. No button is pressed.没有按下返回值是0 1 Left button is pressed.按下左键返回值是1 2 Right button is pressed.按下右键返回值是2 3 Left and right buttons are both pressed.左键右键同时按下返回值是3 4 Middle button is pressed.按下中间建（滚轮）返回值是4 5 Left and mid...
jquery的click事件对象试解
adu97891的博客
05-23 234
　　在写这篇文档的时候，我并没有深入的去了解jquery的事件对象是什么样的构造，不过以我以往的经验，相信能说道说道，并且可能有百分之八十是正确的，所以我并不建议这篇文档具备一定的权威性，不过可以当成饭后茶点，稍微品味一番，看看我是如何理解这个对象的。当然这之前我肯定是了解了js原生的事件对象，否则也不会突然想发表一篇jquery的。 　　我们一般通过访问click事件的事件处理函数的第...
JS 获取鼠标左右键
三层楼的木房子
02-24 1526
function test()  {  alert(event.x+" "+event.y);  alert(event.button);  }  /*右键菜单不显示*/  document.oncontextmenu=function()  {  return false;  }  /*document.onmousedown=function()  {  if(even
JavaScript 捕获按键
whwenming的专栏
12-25 1097
function test(event) { event = event || window.event; if(event.keyCode==13) { alert("你按了回车") } if(event.shiftKey==true) { alert("你按了shift") } if(event.ctrlKey==true) { alert("你按了ctrl") }if(event.altK
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值