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
};