html5的键盘事件

 时间:2024-11-15 10:11:37

1、首先,新建一个 html文档,书写一个form表单,一个input输入框,一个提交按钮,代码:<!DOCTYPE HTML><html>&造婷用痃lt;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计算一个时间对象增加固定毫秒值后的时间
  • 地龙的作用有哪些
  • 哥本哈根大学好申请吗?
  • 热门搜索
    科技手抄报 中国传统节日手抄报 少先队员手抄报 新年手抄报 端午节手抄报简单漂亮 心理健康手抄报 骆驼祥子手抄报 我读书我快乐手抄报 爱国手抄报简单又漂亮 科学手抄报