Menu
Community /Pin to ProfileBookmark
@PeterPan_321Aug 24.2020 — #@Nachfolger#1622462 Thanks! First, you're right... I haven't developed a mobile friendly menu yet... I'm just investigating various methods right now. 😀 Despite hand coding desktop sites for many many years, I'm still learning about the differences in various devices like I-phones. But anyway, thanks, you are correct! I still have an issue to solve, because if I linger on a DIV with text in it, I'll get a different smaller (but still unwanted) menu asking if I want to "copy", "look up" or "share", with delimiters highlighting the text. This class I've used in the past to prevent text selection seems to fix that issue, but I only know for sure it works on my I-phone.
Also, at least with my Iphone, and even with the above class applied, the DIV itself highlights gray if I hold my finger on it! This is actually nice, but again its hard to know how other mobile devices will react to it.
So now, if you don't mind me picking you brain, If I wanted to highlight or change the color of the text in the DIV, when the visitor is just touching (or moving the mouse over), but hasn't clicked yet, I could use the onmouseover event. But to do this on an I-phone I guess I'd have to use the addEventListener('touchstart', someFunction, false); to do this?
Possible to stop annoying “Link Hints” on I-phone (other mobil?)
I’m experimenting with several ideas for a mobile friendly navigation menu, everything from simple <a> tags to more modern CSS only menus, both javascript assisted and not. The problem I’m seeing on my I-phone (and I don’t know if this happens with other smart phones) is that if you touch any kind of link and happen to keep your finger on it for more than a second or two, an annoying box opens with a phone generated sub menu with choices like “OPEN”, “Add to Reading List”, “Copy”, “Share”, and “Cancel. (I don’t know what the proper name for this box is, so I’m just calling it a “Link Hints” box). I’ve always found this popup annoying, but now that I’m developing a menu with multiple closely spaced links, I see how much more annoying it is. Is there ANY way to block it from happening?
It seems to me that when a visitor is touring a web site, and they toggle a navigation menu, it is a normal instinctive action to move your finger along a list of choices, watching them highlight a confirmation, and then tapping the choice you make. OK, I understand that since mobile devices don’t have a “Hover” event, it is very difficult to simulate perusing menu items as you can with a mouse. But that’s a separate issue I’ve seen discussed many times. For now I’d be happy if I could just stop the box full of hints from popping up anytime a visitor lingers too long on a link.
%Thanks for any help!
Sign in
to post a comment2 Comments(s) ↴
0
@PeterPan_321Aug 24.2020 — #<br/>
/* attempts to stop text from being selected BLUE <br/>
// must be applied to individual elements*/
.nosel {<br/>
-webkit-touch-callout: none; /* iOS Safari <EM>*/<br/>
-webkit-user-select: none; /*</EM> Safari <EM>*/<br/>
-khtml-user-select: none; /*</EM> Konqueror HTML <EM>*/<br/>
-moz-user-select: none; /*</EM> Firefox <EM>*/<br/>
-ms-user-select: none; /*</EM> Internet Explorer/Edge <EM>*/<br/>
user-select: none; /*</EM> Non-prefixed version, currently<br/>
supported by Chrome and Opera <EM>*/<br/>
/*</EM> also, add unselectable="on" to html element */<br/>
}<br/>
Also, at least with my Iphone, and even with the above class applied, the DIV itself highlights gray if I hold my finger on it! This is actually nice, but again its hard to know how other mobile devices will react to it.
So now, if you don't mind me picking you brain, If I wanted to highlight or change the color of the text in the DIV, when the visitor is just touching (or moving the mouse over), but hasn't clicked yet, I could use the onmouseover event. But to do this on an I-phone I guess I'd have to use the addEventListener('touchstart', someFunction, false); to do this?