美文网首页
js中enter触发button的click事件

js中enter触发button的click事件

作者: louhangfei | 来源:发表于2017-05-09 14:20 被阅读0次

有时候按回车的时候,我们希望他触发一些事件,比如登陆或者注册;
但是有时候我们又不希望它触发,比如一个页面有好多个按钮的时候。这个时候应该怎么做呢?
很简单:
在如下三个按钮时,如果按enter,那么会出发按钮1的事件。但是我们其实想触发按钮3的事件。
默认情况下,如果button标签不写type,那么浏览器会默认该button为 type='submit',所以会触发事件。
如果不想让她触发事件,那么在该按钮加上type='button'即可。

<button class='btn' >按钮1</button>
<button class='btn' >按钮2</button>
<button class='btn' >按钮3</button>

相关文章

网友评论

      本文标题:js中enter触发button的click事件

      本文链接:https://www.haomeiwen.com/subject/cinbtxtx.html