Come simulare l’evento Hover su dispositivi touchscreen

Redazione di Hardware Upg · 30-08-2013, 10:05

Link all'Articolo: http://www.hwfiles.it/articoli/3741/...een_index.html

La progressiva diffusione di smartphone e tablet ha portato gli sviluppatori Web ad abbandonare modelli di navigazione tradizionali, poiché in presenza di touchscreen scompare l’evento Hover e ciascun tocco viene interpretato direttamente come click.

Click sul link per visualizzare l'articolo.

illidan2000 · 30-08-2013, 10:49

ovviamente la funzione javascript onMouseHover non esiste... esiste invece onMouseOver

appunto il mouse è sopra (over in inglese) all'elemento. onMouseHover mi pare sia una qualche funzione .Net

II ARROWS · 30-08-2013, 10:52

Carino...

TheKaneB · 30-08-2013, 11:29

@illidan2000:

Hai ragione, ho fatto involontariamente un mix di .Net (Control.OnMouseHover) e JavaScript :/

Grazie per la segnalazione!

Antonio

Unrealizer · 30-08-2013, 11:58

E pensare che il sito della mia università (UNIPA, dovresti conoscerla anche tu, Antonio

) è passato quest'anno dal vecchio menu a un menu di questo tipo, adesso è impossibile usarlo con lo smartphone

Comunque, su IE11 funziona anche con il touch: credo che tenendo il dito premuto venga comunque lanciato l'evento onMouseOver

Purtroppo non so una fava di JS, altrimenti proverei di persona

TheKaneB · 30-08-2013, 14:42

@Unrealizer:

Sì, sono passati un po' di anni ormai da UNIPA

Come dicevo nell'articolo: " La prossima versione di IE, invece, avrà il supporto integrato per la simulazione dell’evento hover."

pirlano · 02-09-2013, 14:46

Oppure se uno sviluppatore ha un briciolo di cervello, lascia l'hover, ma invece di lasciare un link vuoto (# per esempio), permette anche il click diretto (anche da computer), per la selezione tramite l'apertura di una nuova pagina (o solo una sezione di essa, vedi Ajax) dei sotto menù.
Tra l'altro anche usando 2 principi in croce di ingegneria del software, l'utente medio, difficilmente riesce a seguire il flusso di un menu a tendina e sotto-tendina, spesso poi non viene neanche immesso un timeout al onMouseOut per cui appena il mouse esce dalla tendina sparisce tutto, e più che una semplice selezione diventa un gioco di bravura...

TheKaneB · 02-09-2013, 21:19

@piriano: sono assolutamente d'accordo con te, ma a volte capita di dover mettere mano a progetti iniziati da altri e quindi "a danno ormai avvenuto" si possono usare queste tecniche, chiamiamoli anche "fix temporanei" in attesa di una riprogettazione più razionale della navigazione dei contenuti secondo criteri più moderni di UI.

30-08-2013, 10:49	#2
illidan2000 Senior Member Iscritto dal: Dec 2004 Città: Roma Messaggi: 27168	ovviamente la funzione javascript onMouseHover non esiste... esiste invece onMouseOver appunto il mouse è sopra (over in inglese) all'elemento. onMouseHover mi pare sia una qualche funzione .Net __________________ MetallicGear Qube,Asus Strix z690 d4,i7 13700k+Arctic 360rgb,2x32gb Patriot Viper Rgb 3600mhz,ssd:980pro 2TB-970evo 1tb-970evo 2tb-sm941 2tb-kingston 3dUltra 2tb,4090 phantom+Samsung 34 g8 OLED,Corsair 1000w,Xonar U7mk2 USB,sua 1500i,Asus Scope TKL-g13-g35-g903 vecchi bench 780/970

30-08-2013, 11:29	#4
TheKaneB Member Iscritto dal: Dec 2005 Città: Cinisello Balsamo (MI) Messaggi: 163	typo @illidan2000: Hai ragione, ho fatto involontariamente un mix di .Net (Control.OnMouseHover) e JavaScript :/ Grazie per la segnalazione! Antonio

30-08-2013, 11:58	#5
Unrealizer Senior Member Iscritto dal: May 2006 Città: Milano&Palermo Messaggi: 10273	E pensare che il sito della mia università (UNIPA, dovresti conoscerla anche tu, Antonio ) è passato quest'anno dal vecchio menu a un menu di questo tipo, adesso è impossibile usarlo con lo smartphone Comunque, su IE11 funziona anche con il touch: credo che tenendo il dito premuto venga comunque lanciato l'evento onMouseOver Purtroppo non so una fava di JS, altrimenti proverei di persona __________________ PC9Ryzen 9 3900X64GB Vengeance LPXGigabyte RTX3080TiCorsair MP600Aorus Elite X570 - PC10SQ216GB LPDDR4256 GB SSDSurface Pro X - PC11Core i9-9980HK64GB DDR4512GB SSDMacBook Pro 2019 - xboxlivekipters - originkipter - steamkippoz - psnkipters

02-09-2013, 14:46	#7
pirlano Senior Member Iscritto dal: Jun 2005 Città: Ascoli Messaggi: 3501	Oppure se uno sviluppatore ha un briciolo di cervello, lascia l'hover, ma invece di lasciare un link vuoto (# per esempio), permette anche il click diretto (anche da computer), per la selezione tramite l'apertura di una nuova pagina (o solo una sezione di essa, vedi Ajax) dei sotto menù. Tra l'altro anche usando 2 principi in croce di ingegneria del software, l'utente medio, difficilmente riesce a seguire il flusso di un menu a tendina e sotto-tendina, spesso poi non viene neanche immesso un timeout al onMouseOut per cui appena il mouse esce dalla tendina sparisce tutto, e più che una semplice selezione diventa un gioco di bravura... __________________ Portatile: Clevo P370EM - 17.3" FullHD AUO B173HW01 V5 opaco - i7-3740QM - GeIL 32GB DDR3 DDR3-1600 - SLI 2x4GB GTX 680M - 2xSamsung 840 PRO 256GB RAID0 - Killer N-1103 - Built-in BT - Windows 8 Pro x64 + LG W2452V 1920x1200 + Microsoft BlueTrack Comfort Desktop 5000 Tastiera e Mouse + Empire KS1000 2.1 - Storage: Seagate GO Flex 2TB USB3.0 + Seagate Expansion 2TB USB3.0 - Smartphones: HTC HD2 & HTC One S - Console: PS3 80GB + 500GB 4.46 Rogero - Cuffie Inner-ear: Yamaha EPH-100

30-08-2013, 10:05	#1
Redazione di Hardware Upg www.hwupgrade.it Iscritto dal: Jul 2001 Messaggi: 75173	Link all'Articolo: http://www.hwfiles.it/articoli/3741/...een_index.html La progressiva diffusione di smartphone e tablet ha portato gli sviluppatori Web ad abbandonare modelli di navigazione tradizionali, poiché in presenza di touchscreen scompare l’evento Hover e ciascun tocco viene interpretato direttamente come click. Click sul link per visualizzare l'articolo.

30-08-2013, 10:52	#3
II ARROWS Bannato Iscritto dal: Aug 2005 Città: Buguggiate(VA) Messaggi: 12007	Carino...

30-08-2013, 14:42	#6
TheKaneB Member Iscritto dal: Dec 2005 Città: Cinisello Balsamo (MI) Messaggi: 163	@Unrealizer: Sì, sono passati un po' di anni ormai da UNIPA Come dicevo nell'articolo: " La prossima versione di IE, invece, avrà il supporto integrato per la simulazione dell’evento hover."

02-09-2013, 21:19	#8
TheKaneB Member Iscritto dal: Dec 2005 Città: Cinisello Balsamo (MI) Messaggi: 163	@piriano: sono assolutamente d'accordo con te, ma a volte capita di dover mettere mano a progetti iniziati da altri e quindi "a danno ormai avvenuto" si possono usare queste tecniche, chiamiamoli anche "fix temporanei" in attesa di una riprogettazione più razionale della navigazione dei contenuti secondo criteri più moderni di UI.

Strumenti
Mostra una versione stampabile Invia questa pagina per email