html中js事件onkeydown的功能详解


摘要:
下文讲述html中onkeydown事件的相关说明,如下所示;


onkeydown事件功能

onkeydown事件功能:
onkeydown事件用于当用户在html对象上按下键盘时(此时还未松开键盘)时,触发相应的js事件

onkeydown事件语法:
<element onkeydown=”script”>
——–参数说明———
script:onkeydown中执行的脚本

onkeydown事件注意事项: 
     1.目前市面上所有浏览器都支持此事件
     2.onkeydown事件不可用于以下标签 
      <base>
      <bdo>
      <br>
      <head>
      <html>
      <iframe>
      <meta>
      <param>
      <script>
      <style>
      <title>
     3.html中js的键盘事件执行顺序如下所示:
       onkeydown
       onkeypress
       onkeyup


onkeydown事件举例说明

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
 onkeydown事件示例说明
</title> 
<script>
function keyDownEvent()
{
	var x;
	if(window.event) // IE8 及更早IE版本
	{
		x=event.keyCode;
	}
	else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
	{
		x=event.which;
	}
	var c=String.fromCharCode(x);
	alert(c + " 键被按下");
}
</script>
</head>
<body>

<p>在文本框中按下键盘,
 将触发相应的keydown事件
 </p>
<input type="text" onkeydown="keyDownEvent()">

</body>
</html>