为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用js给document添加一个鼠标单击事件?

怎么用js给document添加一个鼠标单击事件?

千万里不及你 2019-04-08 15:11:45
怎么用js给document添加一个鼠标单击事件
查看完整描述

3 回答

?
阿晨1998

TA贡献2037条经验 获得超6个赞

JS获取点击事件来自左键还是其它键的方法如下:

返回值说明:0左键,1中间,2右键

getButton:function(event){

if (document.implementation.hasFeature("MouseEvents","2.0")){

return event.button;

}else{

switch(event.button){

case 0:

case 1:

case 3:

case 5:

case 7:

return 0;

case 2:

case 6:

return 2;

case 4:

return 1;

}

}

}



查看完整回答
反对 回复 2019-04-10
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

<script type="text/javascript">
//如果画面有很多 a Tag 的时候
var lin = document.getElementsByTagName("a");
for(var i=0; i<lin.length;i++){
lin[i].onclick = function(){

// 想写的事件内容
}
}
//按钮点击事件
var button = document.getElementById("XXX");
button.onclick = function(){
// 想写的事件内容
}

</script>


查看完整回答
反对 回复 2019-04-10
?
翻阅古今

TA贡献1780条经验 获得超5个赞

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript">

       window.onload = function(){

           //去掉默认的contextmenu事件,否则会和右键事件同时出现。

           document.oncontextmenu = function(e){

               e.preventDefault();

           };

           document.getElementById("test").onmousedown = function(e){

               if(e.button ==2){

                   alert("你点了右键");

               }else if(e.button ==0){

                   alert("你点了左键");

               }else if(e.button ==1){

                   alert("你点了滚轮");

               }

           }

       }

    </script>

</head>

<body>

 

<div style="width: 400px;height:400px;margin:auto;border:1px solid pink" id="test"></div>

</body>

</html>


查看完整回答
反对 回复 2019-04-10
  • 3 回答
  • 0 关注
  • 2753 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信