html5的键盘事件

2025-10-29 22:20:09

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>

效果如图:

html5的键盘事件

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()函数,效果如图:

html5的键盘事件

3、onkeypress  当按下并松开按键时运行脚本,onkeyup  当松开按键时运行脚本,都是一样的道理,把事件加到input输入框那里即可,这里不再讲述。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢