网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

© 2025 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com