Moderní tvorba webových aplikací

O webu

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í.

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.

  1. <span> s tabindexem,
  2. <span> bez tabindexu,
  3. odkaz <a> bez tabindexu.

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.

Související články

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Jak „focusovat“ správně díky :focus-visible

Jak správně řešit označený (:focus) stav formulářových prvků.

4 minuty

Poskakování obsahu akčních tlačítek

Jak vyřešit problém s poskakováním obsahu, když se změní textace nebo tučnost tlačítka.

9 minut

Detekce otevření DevTools

Jak zjistit, že se na stránce otevřely vývojářské nástroje.

13 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025