jQuery event.which 属性

jQuery 的event.which属性用于确定在键盘或鼠标事件期间按下键盘或鼠标的特定键或按钮。

它规范化了 event.keyCode 和 event.charCode，但大多数情况下建议对于键盘输入使用 event.which。

语法

以下是 jQuery event.which 属性的语法：

event.which

参数

此方法不接受任何参数。

返回值

此属性返回按下的特定键盘键或鼠标按钮。

示例 1

以下程序演示了 jQuery event.which 属性的使用：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <style>
        div{
            color: green;
            font-size: 20px;
            font-weight: bolder;
        }
    </style>
</head>
<body>
    <p>Click on the below text.</p>
    <div>Tutorialspoint</div>
    <script>
        $('div').click(function(event){
            alert("The pressed mouse key is: " + event.which);
        })
    </script>
</body>
</html>

输出

以上程序显示了一个包含一些文本的 p 元素，当鼠标指针单击它时，浏览器屏幕上将出现一个弹出警报，显示您按下了哪个鼠标按钮：

当鼠标单击显示的文本时：

示例 2

以下是 jQuery event.which 属性的另一个示例。我们使用此方法来检索输入框内按下的哪个键盘或鼠标键：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <style>
    fieldset{
        border: 2px solid green;
        padding: 10px;
        width: 300px;
    }
    div span{
        margin: 20px 10px;
    }
    </style>
</head>
<body>
    <fieldset>
        <legend>MyForm</legend>
        Name: <input type="text" placeholder="Enter your name.."><br>
        <span></span>
    </fieldset>
    <script>
        $(document).ready(function(){
            $('input').keydown(function(event){
                $('span').text("Key pressed: " + event.which);     
            });
        })
    </script>
</body>
</html>

输出

执行上述程序后，它将显示一个包含输入框的表单，当用户开始在输入框中输入内容时，其旁边将显示相应的按下键：

jquery_ref_events.htm

打印页面