如何停止HTML复选框以获得焦点？

Question

任何人都知道如何防止HTML复选框在点击时获得焦点？我仍然希望它改变状态，只是没有得到关注。

Answer 1

您可以通过在mousedown处理程序中使用preventDefault（）来阻止焦点：

$('input[type=checkbox]').mousedown(function (event) {
    // Toggle checkstate logic
    event.preventDefault(); // this would stop mousedown from continuing and would not focus
});

纯JavaScript：

checkbox.onmousedown = function (event) {
    // Toggle checkstate logic
    event.preventDefault(); // this would stop mousedown from continuing and would not focus
}

Answer 2

给这个CSS：

input {outline: 0;}

但请注意，当您使用 Tab 键移动控件时，将无法识别您当前使用的控件。

更新＃1

使用此JavaScript：

$('input[type=checkbox]').click(function () {
    this.blur();
});