问题
在页面中设置了一个button按钮,单机后浏览器默认将焦点加在该按钮上,此时我们比如按下空格键,就会再一次触发该按钮
我们该如何解决呢?
方法1
//获取该元素
const button = document.querySelector('button');
button.onclick = function(e){
e = e || window.event;
e.preventDefault();
e.stopPropagation();
//主要起作用的在这里
this.onfocus = this.blur();
//业务逻辑
game.start();
}
相当于<button onfocus="this.blur()"></button>
方法二(未证实出来)
据说可以设置hidefocus属性,但是我没有试出来
另外应该还有其他的办法,欢迎给指出来;我这里也没有考虑浏览器兼容问题