通过form实现enter事件

Posted 闲鱼一只

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过form实现enter事件相关的知识,希望对你有一定的参考价值。

结构

<form action=‘#’>

<input type=‘search‘ />

<button>搜索</button>

</form>

在这种情况下即使给button加上事件,按enter键也会执行点击事件中的代码(pc-移动web皆可以)。(action需为javascript:; 并且默认的提价方式是get)

以上是关于通过form实现enter事件的主要内容,如果未能解决你的问题,请参考以下文章

react中键盘enter事件处理

关于chrome下input中Enter的keydown事件会自动提交form的疑问与解决

vue监听移动端软件键盘搜索(enter)事件

请问javascript如何实现控件响应键盘事件?

JS使用Enter事件将输入的字符倒叙输出

JS使用Enter事件将输入的字符倒叙输出