JavaScript event.button

小灰灰 2020-06-01 16:43 635阅读 0赞

# JavaScript event.button

此事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。

语法结构:

```html
event.button
```

返回值解析:

（1）.返回0表示鼠标左键被点击。

（2）.返回1表示鼠标中键被点击。

（3）.返回2表示鼠标右键被点击。

**浏览器支持:**

（1）.IE浏览器支持此属性。

（2）.edge浏览器支持此属性。

（3）.火狐浏览器支持此属性。

（4）.Opera浏览器支持此属性。

（5）.谷歌浏览器支持此属性。

（6）.safria浏览器支持此属性。

**实例代码:**

```html
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dandelioncloud.cn/" />
<title>蒲公英云</title>
<style type="text/css">
div{
  width:200px;
  height:100px;
  background-color:#639;
  margin:0px auto;
}
#show{
  background-color:#FFF;
  text-align:center;
  height:30px;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("antzone");
  var oshow=document.getElementById("show");
  odiv.onmousedown=function(ev){
    var ev=ev||event;
    oshow.innerHTML=ev.button;
  }
}
</script>
</head>
<body>
  <div id="show"></div>
  <div id="antzone"></div>
</body>
</html>
```

以上代码可以当在div中点击鼠标按键的时候，可以弹出相应的button事件属性值。

发表评论取消回复

表情：

评论列表（有 0 条评论，635人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript】-----初始JavaScript

> 分享第十八条励志语录 > > 最美好的不是未来，是今天。阳光这么好，何必自寻烦恼。生活总会有个未来，就像四季更迭永远有春天一样，不急不躁，该有的都会有。人，最好的心

绝地灬酷狼/ 2024年04月01日 17:48/ 0 赞/ 100 阅读

相关 javascript 标签_JavaScript标签

javascript 标签 No matter how long you've been a JavaScript developer, there will always

比眉伴天荒/ 2023年02月21日 14:30/ 0 赞/ 80 阅读

相关 [JavaScript-1] JavaScript基础

一、JavaScrip介绍 1. JavaScript的定义 JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用

悠悠/ 2022年11月26日 05:59/ 0 赞/ 279 阅读

相关【JavaScript】什么是JavaScript？

终于学到了前端三剑客（HTML，CSS，JavaScript）之一的JavaScript。三剑客，团结一致，各司其职，共同完成网页前端的酷炫功能。 Htm

淡淡的烟草味﹌/ 2022年08月22日 05:48/ 0 赞/ 289 阅读

相关【JAVASCRIPT】JavaScript编程风格

JavaScript编程风格 2012-04-28 08:42 | 12263次阅读 | 来源：阮一峰的网络日志【已有40条评论】[发表评论][Link 1] | 作

矫情吗；*/ 2022年06月12日 08:21/ 0 赞/ 281 阅读

相关 JavaScript

JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理

小鱼儿/ 2022年05月28日 09:38/ 0 赞/ 58 阅读

相关 [Javascript] Decorators in JavaScript

First, what is 'High Order function', basic just a function, inside the function return

你的名字/ 2022年03月27日 04:45/ 0 赞/ 251 阅读

相关 JavaScript

JavaScript 首先要创建一个window事件，用alert()来测试是否创建成功，（）内可以是数字、也可以是文字，如果是文字，要用英文状态的双引号包裹。 ![在

╰+攻爆jí腚メ/ 2022年03月17日 10:00/ 0 赞/ 210 阅读

相关 JavaScript

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] JavaScript：概念：一门客户

曾经终败给现在/ 2022年01月13日 11:37/ 0 赞/ 191 阅读

相关 JavaScript(01): JavaScript简介

> 1. JavaScript的历史 JavaScript诞生于1995年，如今全世界无数的网页在依靠它完成各种关键任务，JavaScript已经从过去装饰性的一种脚本语言转

怼烎@/ 2021年09月22日 07:32/ 0 赞/ 432 阅读