Event事件对象之鼠标_键盘事件对象

最新推荐文章于 2021-08-14 08:28:23 发布

zzzzzzz周绍辉

最新推荐文章于 2021-08-14 08:28:23 发布

阅读量834

点赞数

分类专栏： javascript 对象事件 Event 文章标签：对象 Event javascript 事件

本文链接：https://blog.csdn.net/qq_32758013/article/details/77147193

版权

以下大部分事件的浏览器支持

google	IE	firefox	safari	opera
true	true	true	true	true

属性

1. altKey

返回一个布尔值。指示在指定的事件发生时，Alt 键是否被按下并保持住了

返回值

true,false,1,0表达的都是布尔关系。

event.altKey=true|false|1|0

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>zsh</title>
    <style>
        div{
            height:200px;
            background:red;
        }
    </style>
</head>
<body>
    <div id='div1'>

    </div>
</body>
<script>
    div1.onclick = function(e){
    
        if(e.altKey){
            alert('alt');
        }else{
            alert('no alt');
        }
    }
</script>
</html>

2. button

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

event.button=0|1|2

返回值

0 指定鼠标左键。
1 指定鼠标中键。
2 指定鼠标右键。
注意： Internet Explorer 8 及更早IE版本有不同的参数：
1 指定鼠标左键。
4 指定鼠标中键。
2 指定鼠标右键。

注意

对于惯用左手的鼠标配置，上面的参数是颠倒的。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8"/>
 <title>zsh</title>
 <style>

 </style>
</head>
 <body>

 </body>
 <script>
        document.onclick = function(e){
    
            e.preventDefault();
            switch(e.button){
                case 0:alert('鼠标左键');
                break;
                case 1:alert("鼠标中键");
                break;
                case 2:function a(){
                
                        alert("鼠标右键");
                    };
                break;
            }
        }
 </script>
</html>

3. clientX

返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。客户区指的是当前窗口。

提示

该事件只返回相对于浏览器来说的水平坐标，不包含滚动的值。如果要获取相对于整个页面的坐标，可以使用 e.pageX 来代替，但是IE8及其以下版本不支持 e.pageX。推荐使用 document.body.scrollLeft + e.clientX 来获取相对于整个页面的坐标。

event.clientX

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8"/>
 <title>zsh</title>
 <style>

 </style>
</head>
 <body style='height:3000px;'>

 </body>
 <script>
 document.onclick =

最低0.47元/天解锁文章

zzzzzzz周绍辉

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Event事件对象之鼠标_键盘事件对象

以下大部分事件的浏览器支持 google IE firefox safari opera true true true true true属性1. altKey返回一个布尔值。指示在指定的事件发生时，Alt 键是否被按下并保持住了返回值true,false,1,0表达的都是布尔关系。event.altKey=true|false|1|0<!DOCTYPE ht
复制链接

扫一扫