javascript - HTMLチェックボックスがクリックにフォーカスされないようにするにはどうすればよいですか？

Question

クリックしたときにHTMLチェックボックスがフォーカスされないようにする方法を知っている人はいますか？私はまだそれが状態を変えたいのですが、焦点を合わせないでください。

Answer 1

マウスダウンハンドラーで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();
});