javascript - 如何阻止 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
}