cari

Rumah  >  Artikel  >  hujung hadapan web  >  js中键盘事件的简单说明

js中键盘事件的简单说明

怪我咯
怪我咯asal
2017-07-06 11:36:461776semak imbas

这篇文章主要介绍了js中键盘事件,以一个较为简单的实例形式分析了js响应键盘事件的操作技巧,需要的朋友可以参考下

本文实例分析了js中键盘事件。分享给大家供大家参考。具体分析如下：

该实例效果：

按键盘上的任意一个键，弹出相应的ASCII码，兼容ie，chrome和firefox。

但还是有不少问题：

（1）ie和chrome中，一些键没有效果，如上、下、左、右等；
（2）而firefox中的向右键，与单引号键，都为39。

具体代码如下：

代码如下:

<html>
<head>
<script type="text/javascript">
 window.onload = function(){
  var bd = document.getElementsByTagName(&#39;body&#39;)[0];
  bd.onkeypress = function(ev){
   ev = ev || window.event;//ie不支持function参数ev
   alert(ev.keyCode || ev.which);//火狐不支持keyCode
  }
 }
</script>
<style type="text/css">
#par{width:300px;height:200px;background:gray;}
#son{width:200px;height:100px;background:green;}
</style>
</head>
<body>
<p id="par">
 <p id="son"></p>
</p>
</body>
</html>

Atas ialah kandungan terperinci js中键盘事件的简单说明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js阻止事件追加的具体实现方法Artikel seterusnya：jsDE 基本算法汇总

Artikel berkaitan

Lihat lagi