[look997]

Jak zrobić, żeby tag ` nie dostawał focus przy kliknięciu?
Przy zaznaczeniu klawiaturą ma dostawać focus, a przy kliknięciu nie.
NIE CHODZI O CSS i :focus-visible, tylko taki jego jakby odpowiednik w JS.

Jedyne co widzę, to że trzeba by zrobić własne onclick i onkeydown na tagach , zamiast standardowego uniwersalnego onchange na tagu `, ale to przekombinowane.
#javascript #programowanie #webdev #frontend #html

[AlvarezCasarez]

@look997: ukryć select, i wstawić w jego miejsce np. div ( ͡° ͜ʖ ͡°)
https://select2.org/getting-started/basic-usage

[mackarr]

@look997: Czemu chcesz ukrywać focus na select? Jesteś pewien że to dobry pomysł z punktu accesibility itd? A focus możesz się pozbyć robiąc callback na onFocus wywołujący blur() na elemencie.

[look997]

@mackarr: blur w focus nie pomoże, bo chcę żeby ten blur wykonywał się tylko, gdy focus wykona się po kliknięciu a już blur nie powinien się wykonywać, gdy zaznaczę/zmienię ` **za pomocą klawiatury** - o to mi chodzi.

Tak jak z CSSowych :focus-visible` - tam styl pojawia się tylko, gdy sfocusuję się na element za pomocą klawiatury, a nie pojawia się, gdy sfocusuję się na element kliknięciem.
Chcę to samo, ale

[look997]

@mackarr: Dobra, zrobiłem to tak:

on:focus={e=>{ 
 shortcutsVisSelect(e);
 e.target.addEventListener("click", _=>e.target.blur(), {once:true}); }
}