阻止键盘Enter按键的默认效果

效果描述:

比如我页面中有个button,

<button onclick="console.log('test')"></button>

我点击这个button,控制台会打印出test,对吧。

这个时候我再按下键盘的Enter键,问题来了,又打印了一次test。

不巧的是,我对键盘Enter键进行了监听,当按键Enter键时,执行getResult方法。

因为这个情况,导致现在点击button过后再按下Enter键,会先执行getResult方法,然后再打印test。  很头疼。。。

.

.

.

去网上搜了下,终于找到解决办法了。

case 'Enter':
	e.preventDefault()
	getResult()
	break;

加上e.preventDefault这句话即可。

猜你喜欢

转载自blog.csdn.net/u011295864/article/details/84065629
今日推荐