简单的事件操作(jQuery键盘事件)

提示:简单的事件操作(jQuery键盘事件)


一、jQuery键盘事件是什么?

方法: ①keypress(按下-起来),②keyup(起来),③keydown(按下),三个方法个人感觉用第一种超级多keypress(按下-起来)

二、使用步骤

1.引入jQuery库

<script src="../jQuery地址库/jQuery.js"></script>

2.Js部分代码如下

html:插件如下:


<body>
    <input type="text" name="user" placeholder="请输入用户名">
</body>

JS块代码如下:

<script>
    //keypress(按下,松开,触发),input[name=user]这是一个选择器
    $('input[name=user]').keypress(function(e) {
    
    
        if (e.charCode == 13) {
    
     //回车对应的ASCII码值为13;回车触发事件
            console.log($(this).val()); //返回input里面的值
            $(this).val('');
        }
    });;

    //keydown 按下
    /* $('input[name=user]').keydown(function() {
        console.log($(this).val());
    }) */
</script>

总结

多进行练习,会举一反三,多多思考!!

Guess you like

Origin blog.csdn.net/weixin_46022934/article/details/118829337