JavaScript键盘监控

时间:2021-08-04
本文章向大家介绍JavaScript键盘监控,主要包括JavaScript键盘监控使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

利用JavaScript实现键盘监控。代码如下(把地址设置成自己的机器,并监听相应端口就可以了)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>键盘监控</title>
</head>
<body>
<input type="text" id="12580" />
</body>
<script type="text/javascript">
window.onload = function () {
var character = document.getElementById("12580");
document.onkeydown = function (event) {
event = event || window.event;/*||为或语句,当IE不能识别event时候,就执行window.event 赋值*/
console.log(event.key);
switch (event.key){/*key:键盘输入的数*/
case 'a':
document.getElementById("12580").style.background="url(http://127.0.0.1:6556/a)"
break;
case 'b':
document.getElementById("12580").style.background="url(http://127.0.0.1:6556/b)"
break;
case 'c':
document.getElementById("12580").style.background="url(http//:127.0.0.1:6556/c)"
break;
case '1':
document.getElementById("12580").style.background="url(http://127.0.0.1:6556/1)"
break;
}
}
}
</script>
</html>

原文地址:https://www.cnblogs.com/jinxi7021/p/15099499.html