html5的键盘事件

 时间:2026-02-13 21:23:27

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输入框那里即可,这里不再讲述。

  • 航海王热血航线夏日怪谈攻略?
  • 原神烤鱼活动食谱配方大全
  • java计算一个时间对象增加固定毫秒值后的时间
  • 地龙的作用有哪些
  • 哥本哈根大学好申请吗?
  • 热门搜索
    白山旅游景点大全 成都旅游门户网 咸宁旅游节 七月份适合去哪旅游 北京旅游胜地 现在去哪旅游最好 海南旅游图片 国家旅游局旅行社统计管理系统 上海旅游集散中心网站 国内的旅游胜地