jQuery keydown 事件是当用户按下某个键时触发的事件,它可以用来监听用户的输入,并做出相应的处理。
jQuery keydown 事件可以通过 jQuery 的 on() 方法来绑定,也可以使用 bind() 方法来绑定。例如,要在文本框中绑定 keydown 事件,可以使用如下代码:
$('#textbox').on('keydown', function(e) { // do something here });
在上面的代码中,我们将 keydown 事件绑定到文本框上,当用户按下键时就会触发该事件。在该函数中,我们可以通过 e.which 属性来获得按下的键值。例如,如果用户按下 A 键,则 e.which 的值就是 65。
此外,jQuery 还提供了一个 keypress() 方法来监听键盘输入的字符。该方法也是通过 on() 或 bind() 来绑定的。例如,要在文本框中监听字符输入,可以使用如下代码:
$('#textbox').on('keypress', function(e) { // do something here });
在上面的代码中,当用户在文本框中输入字符时就会触发该函数。此时我们可以通过 e.which 属性来获得所输入字符的 ASCII 码值。例如,如果用户输入 A 字符则 e.which 的值就是 65。
jQuery 事件方法
当键盘键被按下时,设置 <input> 字段的背景颜色:
与 keydown 事件相关的事件顺序:
当键盘键被按下时发生 keydown 事件。
keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。
提示:请使用 event.which 属性来返回哪个键盘键被按下。
触发被选元素的 keydown 事件:
$(selector).keydown()
添加函数到 keydown 事件:
$(selector).keydown(function)
参数 | 描述 |
---|---|
function | 可选。规定 keydown 事件触发时运行的函数。 |
判断哪个键被按下
如何使用 event.which 属性来判断哪个键被按下。
jQuery 事件方法
jQuery $.proxy() 方法jQuery 事件方法实例 强制执行 objPerson 内的 "test" 函数的上下文:$("button").click($.proxy(objPerso...
CSS3 @keyframes 规则实例 使一个div元素逐渐移动200像素:@keyframes mymove{from {top:0px;}to {top:200px;}}@-webkit-keyfram...
CSS3 border-bottom-left-radius 属性实例为div元素的右下角添加圆角边框:div{border:2px solid;border-bottom-left-radius:2em...
CSS 参考手册实例设置列之间的颜色规则:div{-moz-column-rule-color:#ff0000; -webkit-column-rule-color:#ff0000; column-rule...
CSS 参考手册实例允许长单词换行到下一行:p.test {word-wrap:break-word;}亲自试一试浏览器支持IEFirefoxChromeSafariOpera所有...