altKey,ctrlKey,shiftKey

<1>

jqeury的事件对象:jqeury的事件对象是通过function()方法里面的第一个参数传进来的,接收的时候名字是没有限制的,我们可以随便设定,但是大多时候我们都将它设为e 或者event 。所以我们可以这样来写 function(e),这个e对象是浏览器自动传给这个函数的,然后这个函数就接收到了。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

    </script>
</head>
<body>

<!--altKey属性,bool类型,表示发生事件的时候alt键是否被按下-->
<!--ctrlKey属性,bool类型,表示发生事件的时候ctrl键是否被按下-->
<!--shiftKey属性,bool类型,表示发生事件的时候shift键是否被按下-->


<input type="button" value="ctrl点击" onclick="if(window.event.ctrlKey==true){alert('按下了ctrl键')} else{alert('普通点击')}" />

<input type="button" value="alt点击" onclick="if(window.event.altKey==true){alert('按下了alt键')} else{alert('普通点击')}" />


<input type="button" value="shift点击" onclick="if(window.event.shiftKey==true){alert('按下了shift键')} else{alert('普通点击')}" />
</body>
</html>


<2>

<script type="text/javascript">

    $(window).click(function (e) {
        alert(e.altKey) //获取是否单击的时候同时按下了alt键 ; 当我仅仅点击的时候打印出:false  ;当我按住alt的同时在单击的时候 打印出:true
    })

    //这个window可以换成你需要的元素 比如$("input").click(function(e){ alert(e.altKey)})


    $(window).click(function (e) {
        alert(e.ctrlKey) //获取是否单击的时候同时按下了ctrl键 ; 当我仅仅点击的时候打印出:false  ;当我按住ctrl的同时在单击的时候 打印出:true
    })


    $(window).click(function (e) {
        alert(e.shiftKey) //获取是否单击的时候同时按下了shift键 ; 当我仅仅点击的时候打印出:false  ;当我按住shift的同时在单击的时候 打印出:true
    })

</script>





你可能感兴趣的:(altKey,ctrlKey,shiftKey)