当点击过某个元素后,再按空格的时候就会默认触发点击那个元素的事件,请问这是什么原因？js有什么解决办法嘛？

Question

碰到一个现象，先是鼠标点击了一个按钮，触发了它的点击事件，这时，鼠标不动，依然在该按钮上，按下空格键，发现触发了这个按钮的点击事件，请问，这是什么原因？
想实现，按下空格键，不去触发这个按钮的点击事件，js有什么办法嘛？

Answer 1

焦点的问题，你还可以按 tab 切换到下一个按钮上。

你可以执行一下 blur，然后就没问题了。http://jsrun.net/zE2Kp/edit

Answer 2

刚刚试了一下 果然foucs在本问题的点赞按钮上，按空格会触发点赞、取消赞、点赞...

然后我控制台执行了一句代码就可以了：

document.addEventListener('keydown', function (event) {
  event.code == 'Space' && document.activeElement == btn && event.preventDefault()
})

btn就是那个按钮dom