键盘事件

最新推荐文章于 2025-08-06 06:16:16 发布

203最强

最新推荐文章于 2025-08-06 06:16:16 发布

阅读量359

点赞数

分类专栏： javascript事件处理文章标签： html5 javascript 键盘事件

javascript事件处理专栏收录该内容

4 篇文章

订阅专栏

键盘事件
键盘事件由键盘触发，以下列出常用的键盘事件属性，这些属性适用于所有HTML5元素
onkeydown当按下字符或者功能键时触发事件，如果按住按键不放，则会持续触发事件
onkeypress 当按下字符并松开按键时会触发该事件，如果按住不放则会持续触发该事件
onkeyup当释放按键时触发事件

<html>
<head>
<meta charset="utf-8">
<title>键盘事件</title>
</head>
<body>
<script type="text/javascript">
function handleEvent(ev){
var e=ev||window.event;
var ta=document.getElementById('text1');
ta.value+=e.type+"/"+e.keyCode;
}
</script>
<input type="text" size="5"  onkeydown="handleEvent(event)" onkeypress="handleEvent(event)"
onkeyup="handleEvent(event)"/>
<textarea id="text1" row ="6" cols="30"></textarea>
</body>
</html>