html5的键盘事件
1、首先,新建一个 html文档,书写一个form表单,一个input输入框,一个提交按钮,代码:
<!DOCTYPE HTML>
<html>
<body>
<form action="a.php" method="post">
<input type="email" name="e" /><br />
<input type="submit" value="send" />
</form>
</body>
</html>
效果如图:

2、接下来,我们在input输入框那里添加onkeydown事件,代码:
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
function check(){
alert("aaa");
}
</script>
<form action="a.php" method="post">
<input type="email" name="e" onkeydown="check();"/><br />
<input type="submit" value="send" />
</form>
</body>
</html>
onkeydown="check();"这个表示当按下键盘上的任意一个键时都会执行check()函数,效果如图:

3、onkeypress 当按下并松开按键时运行脚本,onkeyup 当松开按键时运行脚本,都是一样的道理,把事件加到input输入框那里即可,这里不再讲述。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:42
阅读量:108
阅读量:108
阅读量:88
阅读量:44