javascript - 如何在 jquery 中检测触摸屏并隐藏 div

Question

我将如何使用此代码：

function is_touch_device() {
  return !!('ontouchstart' in window) // works on most browsers 
      || !!('onmsgesturechange' in window); // works on ie10
}; 

检测触摸屏并隐藏一组具有相同类的 div。

Answer 1

您只需调用该函数并使用基本逻辑即可。

if (is_touch_device()) {
  $('.yourclass').hide();
}

Answer 2

它将像这样实现：

window.onload=function(){
  if (is_touch_device()){
    var divs=document.getElementsByClassName( 'yourclassname');
    for (var i=0; i<divs.length; i++)
      divs[i].style.display='none'; 
  }
}

function is_touch_device() {
  return !!('ontouchstart' in window) // works on most browsers 
      || !!('onmsgesturechange' in window); // works on ie10
};