كيف اتحقق من إذا كانت الشاشة تعمل باللمس أم لا بواسطة الجافا سكريبت

يمكننا اجراء بعض الاختبارات البسيطة , على سبيل المثال نفحص الأمر من خلال عنصر معين , يكون بالوضع الطبيعي ظاهرا , ولكن عند الضغط عليه نخفيه , هذا اختبار بسيط يمكننا من خلاله اكتشاف هل اللمس يعمل ام لا , على سبيل المثال باستخدام jquery

//html
<div id="test">test</div>


//js
$('#test').click(function(){
	$('#test').hide();
});

لدينا عنصر لديه معرف test , باستخدام جافاسكربت وبالتحديد مكتبة jquery نقوم باجراء الحدث click عليه, عند الضغط عليه سوف يختفي , وهذا دليل أن اللمس يعمل , اذا كان لا يعمل فلن يختفي العنصر 

الكود السابق يعمل عند الضغط على الشاشة أو الضغط بزر الفأرة ولكن انا اريد التحقق فقط من إذا كانت الشاشة تدعم اللمس أم لا

يمكنك الاستعلام عن الوسط الحالي الذي يعرض الصفحة (الشاشة الحالية) من خلال التابع matchMedia والتحقق فيما إذا كانت الشاشة تدعم أي مؤشر بما فيها ميزة اللمس كالتالي:

const supportsTouch = window.matchMedia("(pointer: coarse)").matches;

if(supportsTouch){
  // الشاشة تدعم اللمس
  //..
}

يمكن التحقق من احتواء الغرض window على حدث بداية اللمس على سبيل المثال، مع قراءة عدد مؤشرات النقر المتاحة (عدد الأصابع الممكن استعمالهم بنفس الوقت)

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


var isTouch = window.ontouchstart !== undefined;

وفي حال استخدام جيكويري jQuery mobile

if(jQuery.support.touch){
     // شاشاة لمس
}