As Philippe says, you can't statically determine, from the outset, whether
the user's device supports touch or not – you can only determine whether
the browser supports touch (and nowadays most do).
What you *can *do is reserve assumption until a touch event occurs, then
set the class (or set it to localStorage, so that subsequent page loads
don't have to wait). Not sure how much this will help you in practice:
document.addEventListener( 'touchstart', function addClass(){
document.documentElement.classList.add( 'touch-support' );
document.removeEventListener( 'touchstart', addClass );
} )
Regards,
Barney Carroll
[email protected]
+44 7429 177278
barneycarroll.com
On 4 February 2015 at 00:10, Tom Livingston <[email protected]> wrote:
> Thanks Philippe
> On Tue, Feb 3, 2015 at 7:05 PM Philippe Wittenbergh <[email protected]>
> wrote:
>
> >
> > > Le 4 févr. 2015 à 05:58, Tom Livingston <[email protected]> a écrit :
> > >
> > > I am using Modernizr and it's html classes 'touch' and 'no-touch' in
> > > my CSS to add/hide functionality via such as a fixed menu bar on
> > > desktop and a relative menu bar on mobile, among other things.
> > >
> > > The issue I am having is that in Chrome 40.X and FF 35.0.1 in Win 8.1,
> > > I am getting a false 'touch' class (as opposed to 'no-touch') on a
> > > desktop setup.
> >
> > That has been an issue since at least chrome 30 and Firefox 10 or
> > something.
> > The thing is, Modernizr detects if the browser supports touch events, not
> > if the user has a touch screen…
> >
> > An intro
> > http://www.stucox.com/blog/you-cant-detect-a-touchscreen/
> >
> > Modernizr ticket:
> > https://github.com/Modernizr/Modernizr/issues/548
> >
> > > Googling hasn't been helpful yet and am wondering if anyone has over
> > > come this issue or has an idea.
> >
> > Uh? Lots of hits on DDG (many stackoverflow pages)
> >
> > http://stackoverflow.com/questions/13530612/modernizr-
> > reporting-laptop-as-touch-device-in-chrome-and-ff
> > http://stackoverflow.com/questions/4817029/whats-the-
> > best-way-to-detect-a-touch-screen-device-using-javascript/4819886#4819886
> >
> > In short: touch/no-touch are useless.
> >
> > Future MQ, but I have no idea if this tentatively supported anywhere:
> > http://dev.w3.org/csswg/mediaqueries-4/#mf-interaction
> >
> > Philippe
> > --
> > Philippe Wittenbergh
> > http://l-c-n.com/
> >
> >
> >
> >
> >
> >
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
