Bagaimanakah JavaScript Boleh Mengesan Peranti Skrin Sentuh dengan Amanah?

Membezakan Peranti Skrin Sentuh dengan JavaScript

Masalah:

Menggabungkan fungsi skrin sentuh ke dalam kedua-dua aplikasi desktop dan mudah alih memerlukan JavaScript pengesanan keupayaan skrin sentuh. Namun, bagaimanakah perkara ini boleh dicapai dengan cara yang boleh dipercayai?

Jawapan:

Menilai Pendekatan Modernizr:

Pada mulanya, perpustakaan Modernizr yang dihormati secara meluas adalah pilihan yang berdaya maju untuk mengesan skrin sentuh. Walau bagaimanapun, ia telah mengalih keluar ujian "touchevents" kerana kekaburannya.

Syor Semasa:

Menentukan Keupayaan Sentuhan:

Sehingga 2021, coretan kod berikut menawarkan pendekatan praktikal untuk mengesan keupayaan sentuhan:

function isTouchDevice() {
  return (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0) ||
     (navigator.msMaxTouchPoints > 0));
}

Menilai Kehalusan:

Adalah penting untuk mengakui bahawa pengesanan skrin sentuh boleh diwarnakan. Untuk senario yang lebih maju, pertimbangkan untuk meneroka sumber seperti:

• "Anda Tidak Dapat Mengesan Skrin Sentuh" ​​oleh Stu Cox
• "Mengesan sentuhan: ini adalah 'mengapa', bukan 'bagaimana'"
• Pembentangan "Bersentuhan" oleh Patrick H. Lake

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Mengesan Peranti Skrin Sentuh dengan Amanah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!