提示:简单的事件操作(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>
总结
多进行练习,会举一反三,多多思考!!