javascript键盘事件全面控制脚本代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:39:18

javascript键盘事件全面控制脚本代码_javascript技巧

javascript键盘事件全面控制脚本代码_javascript技巧: TD {text-align:center} function init() { document.onkeydown = showKeyDown document.onkeyup = showKeyUp document.onkeypress = showKeyPress } function showKeyDown(evt) { evt = (evt) evt : window.event document.getElementById(pressKeyCo

推荐度：

点击下载本文 文档为doc格式

导读javascript键盘事件全面控制脚本代码_javascript技巧: TD {text-align:center} function init() { document.onkeydown = showKeyDown document.onkeyup = showKeyUp document.onkeypress = showKeyPress } function showKeyDown(evt) { evt = (evt) evt : window.event document.getElementById(pressKeyCo

<STYLE TYPE="text/css"> 
TD {text-align:center} 
</STYLE> 
 
function init() { 
 document.onkeydown = showKeyDown 
 document.onkeyup = showKeyUp 
 document.onkeypress = showKeyPress 
}

function showKeyDown(evt) { 
 evt = (evt) ? evt : window.event 
 document.getElementById("pressKeyCode").innerHTML = 0 
 document.getElementById("upKeyCode").innerHTML = 0 
 document.getElementById("pressCharCode").innerHTML = 0 
 document.getElementById("upCharCode").innerHTML = 0 
 restoreModifiers("") 
 restoreModifiers("Down") 
 restoreModifiers("Up") 
 document.getElementById("downKeyCode").innerHTML = evt.keyCode 
 if (evt.charCode) { 
 document.getElementById("downCharCode").innerHTML = evt.charCode 
 } 
 showModifiers("Down", evt) 
} 
function showKeyUp(evt) { 
 evt = (evt) ? evt : window.event 
 document.getElementById("upKeyCode").innerHTML = evt.keyCode 
 if (evt.charCode) { 
 document.getElementById("upCharCode").innerHTML = evt.charCode 
 } 
 showModifiers("Up", evt) 
 return false 
} 
function showKeyPress(evt) { 
 evt = (evt) ? evt : window.event 
 document.getElementById("pressKeyCode").innerHTML = evt.keyCode 
 if (evt.charCode) { 
 document.getElementById("pressCharCode").innerHTML = evt.charCode 
 } 
 showModifiers("", evt) 
 return false 
} 
function showModifiers(ext, evt) { 
 restoreModifiers(ext) 
 if (evt.shiftKey) { 
 document.getElementById("shift" + ext).style.backgroundColor = "#ff0000" 
 } 
 if (evt.ctrlKey) { 
 document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00" 
 } 
 if (evt.altKey) { 
 document.getElementById("alt" + ext).style.backgroundColor = "#0000ff" 
 } 
} 
function restoreModifiers(ext) { 
 document.getElementById("shift" + ext).style.backgroundColor = "#ffffff" 
 document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff" 
 document.getElementById("alt" + ext).style.backgroundColor = "#ffffff" 
} 
 
</HEAD>

<BODY onLoad="init()"> 
<H1>Keyboard Event Handler Lab</H1> 
<HR>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript键盘事件全面控制脚本代码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： js 脚本 javascript

热门焦点

javascript键盘事件全面控制脚本代码_javascript技巧

javascript键盘事件全面控制脚本代码_javascript技巧

javascript键盘事件全面控制脚本代码_javascript技巧

最新推荐

猜你喜欢

热门推荐