Událost `onclick` na různých elementech

Test události onclick na různých elementech při vyvolání myší i klávesnicí.

17. října 2013

4 minuty

Při začleňování nějaké JS události vyvolávané kliknutím (onclick) je třeba brát v úvahu, že uživatel navigující se klávesnicí (což například u formulářů nemusí být marginální procento) některé onclicky běžně nevyvolá nebo je dokonce vůbec vyvolat nemůže.

<span> s tabindexem,
<span> bez tabindexu,
odkaz <a> bez tabindexu.
<input>
<input type=checkbox>
<input type=submit>
<input type=radio>
<input type=button>
<input type=image>
<select onclick> s tabindexem + <option onclick>
<option onclick>
<textarea onclick>
<textarea onclick>
<img tabindex>

Poznámky

Při přechodu mezi políčky klávesou Tab se onclick nevyvolá. Při skočení do políčka se ale vyvolá onfocus.
Běžné (neformulářové) elementy jde rozonclickovat přidáním tabindexu.
Opera umí vyvolat onclick z klávesnice snad úplně na čemkoliv mimo elementů, kam se píše text (<input type=text>, <textarea>) nebo <select>u. (Při procházení Tabem (když je element otabindexovaný) i přes Shift.) Dokonce ten onclick vyvolá na <option>u, i když se jen vybere šipkami ze <select>u (bez nějakého výběru z roletového seznamu).
IE v quirku to umí snad na všem, čemu se přidá tabindex. A na většině <input>ů (snad mimo radio a checkbox). Na <select>u ne.
Explorer ve standardním režimu navíc onclickuje i na <input type=text>.
Firefox a Chrome se chovají víceméně podobně. Onclickují na odesílacích prvcích (<input type=image|submit|button>, <button>) a odkazech.
Chrome nekliká na <option>ech.