介绍若何使text的输入框在用户按下enter键后响应 。
需要这些哦
NotePad++
chrome浏览器
方式/
1先找个文件夹 , 建立文件index.html 。
文章插图
2然后用可编纂文本文件的软件打开index.html , 在index.html中插手如图内容 。
文章插图
3【如何使 text 获得enter键后再响应】接着在input中插手onkeydown和编写js代码 , 编纂后的index.html的内容如图 。
文章插图
4这里诠释一下响应的过程 。
在input标签中插手
onkeydown="javascript:enterResponse(event)" ,
onkeydown属性会监听文本框中的按键 , 每次有按键事务发生就会挪用
enterResponse(event)函数 。
文章插图
5触发onkeydown事务后 , enterResponse(event)函数被挪用 。
在enterResponse(event)中 , 经由过程对
event.keyCode的值进行判定 , 若是event.keyCode==13(回车键) , 就响应事务 , 不然不响应 。
文章插图
6用浏览器打开index.html文件 , 结果如图 。
当在文本框按下回车键时 , 有弹出框弹出 , 申明在输入框下按enter键后响应当作功 。
文章插图
文章插图
以上内容就是如何使 text 获得enter键后再响应的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 如何在Photoshop软件中给图片加上文字
- 如何查看计算机域名
- Word使用技巧-Word中带圈数字的输入
- 小米手机怎么使用分屏功能
- vegas钢笔工具如何调节3D效果的遮罩功能
- 王者荣耀应该如何玩好上单
- 篮球场木地板翻新
- 新鱼缸如何养鱼 要定时换水定时喂食
- 生态鱼缸如何养鱼 建立起了一个生态循环
- 茉莉如何自制肥料