Отключить выделение флажка

Question

Когда я нажимаю флажок, а затем сразу после ввода текста, он выделяет флажок. Когда я нажимаю пробел, когда он подсвечен, он проверяет его.
Есть ли способ отключить пробел, проверяя его или просто отключив выделение его в некотором роде?

Answer 1

Это идет вразрез всей документации пользователя доступности, поэтому я не советую это делать, но если вы действительно хотите, чтобы достичь этого вы можете сделать это с JavaScript, удаляя флажок-х focus, когда фокусируются добавив onfocus="this.blur()":

<input type="checkbox" onfocus="this.blur()" tabindex="-1" />

Поэтому я не рекомендую этого делать, потому что это сейчас означает, что элемент недоступен при использовании вкладки клавиши на клавиатуре. Вот почему я также добавил tabindex="-1" к флажку в приведенном выше примере, так как без него событие JavaScript сбросит вкладку до 1, что сделает невозможным доступ ко всем интерактивным элементам, появляющимся после вашего флажка.

Answer 2

Этот код не фокусируется после отпускания клика, но по-прежнему позволяет пользователям вставлять галочку в этот флажок и обычно использовать элементы управления клавиатурой. Вероятно, лучший компромисс, который вы получите.

document.getElementById('checkbox').addEventListener('mouseup', function() { 
 
    this.blur(); 
 
}, false);

<input type="checkbox" id="checkbox" />