Onmouseover ani onmouseout nefunguje ve Chrome

ℹ️ Obrazek v tomto prispevku byl dostupny jen jako mala miniatura (original nikde nedohledatelny), proto byl kvalitne zvetsen (u screenshotu s textem bikubicky, u fotek AI algoritmem Real-ESRGAN). Nemusi presne odpovidat puvodnimu originalu v ostrosti detailu.

Onmouseover ani onmouseout nefunguje ve Chrome, zato v IE 11/FF35 bez problémů. Zkoušel jsem tyto postupy:

jQuery:

  • Metodu hover() s parametrem In i Out, nebo jen s In
  • Použít již existující objekt jQuery, nebo vytvořit nový, nebo použít $(this)
  • Použít .on("onmouseover"), .on("onmousehover"), .on("onmouseout), tak samo s bind(eventType)

Čistý JavaScript bez jQuery:

  • Dát onmouseover a onmouseout přímo do html, zkoušeno jak když vracel true tak když vracel false
  • Udělat metody které nevyužívali jQuery ale pouze čistý JS
  • Získání Elementu pomocí document.getElementById a pak mu přidání výše zmíněných událostí pomocí addEventListener, a to jak s useCapture na true, tak na false

Nevypsal jsem tu všechno. Zkusil jsem i Operu 28 Developer, ale nepodařilo se mi zjistit na kterém Blinku jede, měla by jet na 41 ale potvrdit to nemůžu. A v ní nefungoval dokonce ani klik na prvek, což ve Chrome 39 fungovalo. Největší paradox je ale ten že všechny zde vypsané metody fungovaly v IE11, v Chrome nefungovala ani jedna :/

A pokračujeme:

Na stránce ve Chrome nejde zvolit žádný text a Chrome nerespektuje nastavení CSS vlastnosti cursor. V IE11 zase nefunguje jquery.equalheights.js plugin.

Zase pokračujeme:

Teď jsem dal šedé pozadí a obrázky upravil (nahradil okolní černou barvu za průhlednou) a najednou to jede s původním jQuery kódem! Už jsem myslel že to půjde jen v IE a FF a najednou to jede i v Chrome a Opeře. První hvězdička je bílá, protože jsem na ni najel myší(ale neklikl)

Nechápu tenhle zvrat a co tomu vadilo..
Image 2015-01-27 at 8.09.26 PM

Napsat komentář