jQuery键盘事件

//jQuery键盘事件之keydown()与keyup()事件
/*鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听
keydown事件:
当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它。使用上非常简单,与基本事件参数处理保持一致,这里使用不在重复了,列出使用的方法
//直接绑定事件
$elem.keydown( handler(eventObject) )
//传递参数
$elem.keydown( [eventData ], handler(eventObject) )
//手动触发已绑定的事件
$elem.keydown()
注意:
keydown是在键盘按下就会触发
keyup是在键盘松手就会触发
理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
//键盘按下事件
$(".target1").keydown(function (e) {
$(“em”).first().text(e.target.value);
});
//键盘弹起事件
$(".target2").keyup(function (e) {
KaTeX parse error: Expected 'EOF', got '}' at position 41: ….value); }̲); //jQuer…(".target1").keypress(function (e) {
// $(“em”).first().text(e.target.value);//输入中文测试,无法显示
//});
Window事例图:
jQuery键盘事件
Css代码事例图:
jQuery键盘事件