JS如何让button控件单机后不能获得焦点

问题

在页面中设置了一个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属性，但是我没有试出来

另外应该还有其他的办法，欢迎给指出来；我这里也没有考虑浏览器兼容问题