html中的checkbox选中后空格一下就取消了，如何去掉这个快捷键？

Question

html中的checkbox选中后空格一下就取消了，如何去掉这个快捷键？

Answer 1

常规操作就是禁止键盘空格键的默认事件了

$('#chk').on('keydown', function(e){
    if(e.keyCode == 32){
        return e.preventDefault()
    }
})

除了上述方法，还可以在checkbox获取焦点前取消焦点的获取，这样空格键就作用不到checkbox上了

<input type="checkbox" name="" id="chk" onfocusin="this.blur();"/>