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

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

工具/原料

• NotePad++
• chrome浏览器

方式/步骤

1. 1

   先找个文件夹，建立文件index.html。

   
2. 2

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

   
3. 3

   接着在input中插手onkeydown和编写js代码，编纂后的index.html的内容如图。

   
4. 4

   这里诠释一下响应的过程。

   在input标签中插手

   onkeydown="javascript:enterResponse(event)"，

   onkeydown属性会监听文本框中的按键，每次有按键事务发生就会挪用

   enterResponse(event)函数。

   
5. 5

   触发onkeydown事务后，enterResponse(event)函数被挪用。

   在enterResponse(event)中，经由过程对

   event.keyCode的值进行判定，若是event.keyCode==13(回车键)，就响应事务，不然不响应。

   
6. 6

   用浏览器打开index.html文件，结果如图。

   当在文本框按下回车键时，有弹出框弹出，申明在输入框下按enter键后响应当作功。