web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)
2013-04-24 09:19
274 查看
如何取得
基本上都是从动作的event 中去判断。
IE下的处理
在IE中, window 对象里就有包含event. 看例子:<!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT="oscar999"> <script> function showWinEvent() { if(window.event.altKey) { alert("you pressed Alt Key"); }else if(window.event.ctrlKey) { alert("you pressed Ctrl Key"); }else if(window.event.shiftKey) { alert("you pressed Shift Key"); }else{ //alert(window.event.button) } } </script> </HEAD> <BODY> <input onclick="showWinEvent()" type="button" value="click me"> </BODY> </HTML>
以上在IE和Chrome 中都能work, 但是在firefox中却有问题, 会报undefined 的错误, 因为firefox 的window 对象不包含event.
兼容firefox的方式
<!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT="oscar999"> <script> function showWinEvent(evn) { if(evn.altKey) { alert("you pressed Alt Key"); }else if(evn.ctrlKey) { alert("you pressed Ctrl Key"); }else if(evn.shiftKey) { alert("you pressed Shift Key"); }else{ //alert(window.event.button) } } </script> </HEAD> <BODY> <input onclick="showWinEvent(event)" type="button" value="click me"> </BODY> </HTML>
解析与进阶
。。。
相关文章推荐
- web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)
- 原生js实现shift/ctrl/alt按键的获取
- 原生js实现shift/ctrl/alt按键的获取
- js屏蔽鼠标右键 .net 禁止选择文本、shift、alt、ctrl
- JS实现屏蔽shift,Ctrl,alt等功能键的方法
- shift,ctrl,alt按键的获取
- JS 获取键盘按键 event.altKey、event.ctrlKey、event.shiftKey 属性
- 按键测试,支持像 Ctrl+Alt+Shift+T 的组合键
- JS实现屏蔽shift,Ctrl,alt等功能键的方法
- 按键测试,支持像 Ctrl+Alt+Shift+T 的组合键
- window基础-1:win7开机按ctrl+alt+delete启动
- js取得、設置高度問題(offsetHeight為0) ,window.onload()執行時間
- 如何利用js取得eWebEditor编辑器的内容
- xshell和xftp的使用(ctrl+insert复制,shift+insert粘贴) ctrl+alt+f快捷键打开xftp
- 禁止右键、选择、粘贴、shift、ctrl、alt.....
- 前台页面中用js取得eWebEditor的值
- win2003取消ctrl+ shift+ alt 的登录方式
- 如何利用js取得eWebEditor编辑器的内容
- Uncaught TypeError: window.jsObj.closeWebView is not a function
- webview与js交互,window.close()回调方法onCloseWindow()无效的解决方法