1、keydown()
keydown 事件会在键盘按下时触发
2、keypress()
keypress 事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键。
3、keyup()
keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件。
获得键盘上对应的 ascII 码:
1:
$(document).keydown(
function
(event) {
alert(event.keyCode);
});
2:
$(document).keydown(
function
(event) {
if
(event.ctrlKey && event.keyCode == 13) {
alert(
'Ctrl+Enter'
);
};
switch
(event.keyCode) {
case
37:
alert(
'方向键-左'
);
break
;
case
39:
alert(
'方向键-右'
);
break
;
};
return
false
;
});
3:
//屏蔽鼠标右键
$(document).bind(
'contextmenu'
,
function
(event) {
return
false
;
});
$(document).keydown(
function
(event) {
//屏蔽F5刷新、Ctrl+R刷新
if
((event.keyCode == 116) || (event.ctrlKey && event.keyCode == 82)) {
event.keyCode = 0;
return
false
;
}
//屏蔽shift+F10菜单
if
(event.shiftKey && event.keyCode == 121)
return
false
;
});
1:
<input type="text" id="txt1" οnkeyup="show(this.value)">
onkeyup是键盘监听事件;
2:
document.body.addEventListener("keydown",bodyKeydown);
var bodyKeydown=function(){
if(e.ctrlkey&&e.keyCode=="86"){
alert(“按ctrl+v按钮进行复制操作”)
}
}
3:搜索框,如百度或谷歌,当向输入框中输入查询条件时,搜索框下面会显示所有匹配的字段,用到的技术就是ajax的异步刷新