how to detect if user is using windows tablet

Question

my code isn't function well on windows tablet. I'm using slick-slider plug-in. and it should be deactivated if user are using touch devices. I've inspected my site on windows tablet and instead of having "touch" class i have "no-touch" here is my code

if( $('.no-touch').length ) {
    new Slider({
        element: '.theme-slider',
        slide: 'div',
        dots: false,
        infinite: false,
        arrows: true,
        slidesToShow: 2,
        slidesToScroll: 2,
    });
  }
});

how can i detect if my site is opend with windows-tablet

Maybe you can try to see what user agent is used http://stackoverflow.com/a/14226881/5027172 — François Dupont, Apr 04 '16 at 13:23

score 1 · Accepted Answer · edited May 23 '17 at 12:07

1

Maybe this will work for you :

var isTouchDevice    = 'ontouchstart' in window || (navigator.msMaxTouchPoints>0);

From:

Detecting Windows Tablet (touch windows devices) with Jquery

edited May 23 '17 at 12:07

Community

1
1

answered Apr 04 '16 at 13:30

E. R.

46
3

1

How about a laptop with touch screen? – Aung Myat Hein Jan 02 '18 at 02:18

score 0 · Answer 2 · answered Apr 04 '16 at 13:22

0

With javascript you can use navigator object:

var isms = navigator.platform; // win32 on mysystem

answered Apr 04 '16 at 13:22

Jai

74,255
12
74
103

score 0 · Answer 3 · answered Apr 04 '16 at 14:22

There is not any straightforward API call to detect if a Windows is PC or Tablet. Microsoft Surface Pro can be a tablet when you have it in your hand, and it can be a laptop when you connect it to your mouse and put in on table.

If you use a windows with mouse, then it is a PC! If you use a Windows without mouse, then it is a tablet.

There is no function to detect if user have mouse connected or not, but here is workaround:

var Mousefound = false;

function MouseActivity(e) {

  window.removeEventListener('mousemove', MouseActivity, false);
  Mousefound = true;

  // enable your slick-slider plugin

}

window.addEventListener('mousemove', MouseActivity, false);

score 0 · Answer 4 · answered Oct 05 '17 at 09:14

0

this code returns true on Surface, Edge browser

if (window.navigator.pointerEnabled && navigator.maxTouchPoints > 1) {
    ...your function goes here...
}

you should use maxTouchPoints > 1, because chrome returns "1" on a desktop. However, browsers on touch devices returns 10

answered Oct 05 '17 at 09:14

Sasha Zhardetskaya

21
3

is this still true? is there any way to distinguish between tablets and laptops/desktops? – oldboy Oct 28 '20 at 00:12
it only seems to return `1` if `mobile` view in dev console is activated? – oldboy Oct 28 '20 at 00:14

how to detect if user is using windows tablet

4 Answers4