<html> <body> <script type="text/javascript"> function appendText(str) { document.body.innerHTML += (str+"<br/>"); } document.onkeydown = function(){ //如果长按的话,会持续触发keydown和keypress(如果有该事件的话) appendText("onkeydown"); if(event.ctrlKey) { appendText("ctrlKey"); } if(event.altKey) { appendText("altKey"); } if(event.shiftKey) { appendText("shiftKey"); } //无charCode属性,只有keypress才有该属性 if(event.charCode) { appendText(String.fromCharCode(event.charCode)); } if(event.keyCode) { appendText(event.keyCode); } //该语句只对chrome和edge有效,可以屏蔽keypress(只对chrome和edge浏览器有效) //event.returnValue = false; }; document.onkeypress = function() { //keypress无法监听到组合键 appendText("onkeypress"); if(event.ctrlKey) { appendText("ctrlKey"); } if(event.altKey) { appendText("altKey"); } if(event.shiftKey) { appendText("shiftKey"); } //charCode是字母的Unicode值 if(event.charCode) { appendText(String.fromCharCode(event.charCode)); } } document.onkeyup = function() { appendText("onkeyup"); } </script> </body> </html>
JavaScript键盘事件常见用法实例分析(2)
内容版权声明:除非注明,否则皆为本站原创文章。
转载注明出处:http://www.heiqu.com/a78436feb6a18818045a547d5fff9070.html