如何使 text 获得enter键后再响应

介绍若何使text的输入框在用户按下enter键后响应 。

需要这些哦
NotePad++
chrome浏览器
方式/
1先找个文件夹 , 建立文件index.html 。

如何使 text 获得enter键后再响应

文章插图

2然后用可编纂文本文件的软件打开index.html , 在index.html中插手如图内容 。

如何使 text 获得enter键后再响应

文章插图

3【如何使 text 获得enter键后再响应】接着在input中插手onkeydown和编写js代码 , 编纂后的index.html的内容如图 。

如何使 text 获得enter键后再响应

文章插图

4这里诠释一下响应的过程 。
在input标签中插手
onkeydown="javascript:enterResponse(event)" ,
onkeydown属性会监听文本框中的按键 , 每次有按键事务发生就会挪用
enterResponse(event)函数 。

如何使 text 获得enter键后再响应

文章插图

5触发onkeydown事务后 , enterResponse(event)函数被挪用 。
在enterResponse(event)中 , 经由过程对
event.keyCode的值进行判定 , 若是event.keyCode==13(回车键) , 就响应事务 , 不然不响应 。

如何使 text 获得enter键后再响应

文章插图

6用浏览器打开index.html文件 , 结果如图 。
当在文本框按下回车键时 , 有弹出框弹出 , 申明在输入框下按enter键后响应当作功 。

如何使 text 获得enter键后再响应

文章插图

如何使 text 获得enter键后再响应

文章插图


以上内容就是如何使 text 获得enter键后再响应的内容啦 , 希望对你有所帮助哦!

    推荐阅读