Bagaimanakah Saya Boleh Mengesan Peranti Skrin Sentuh Dengan Amanah Menggunakan JavaScript?

Mengesan Peranti Skrin Sentuh dengan JavaScript: Pendekatan Dioptimumkan

Untuk keserasian merentas platform, pembangun sering menghadapi cabaran untuk membezakan antara sentuhan- peranti berkebolehan dan bukan sentuhan menggunakan JavaScript. Ini penting untuk menyesuaikan pengalaman pengguna berdasarkan kaedah input peranti.

Pada asalnya, JavaScript dicadangkan boleh bergantung pada ujian "touchevents" Modernizr untuk memastikan keupayaan skrin sentuh. Walau bagaimanapun, pendekatan ini tidak lagi terpakai disebabkan oleh penyingkiran ujian daripada Modernizr.

Kaedah Pengesanan Yang Dikemas Kini

Sehingga 2021, cara yang boleh dipercayai dan komprehensif untuk mengesan sentuhan penyemak imbas yang didayakan adalah untuk menyemak perkara berikut sifat:

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

• 'ontouchstart' dalam tetingkap menyemak kehadiran pendengar acara touchstart, yang disokong oleh kebanyakan penyemak imbas berkeupayaan sentuh.
• navigator.maxTouchPoints > 0 mengesahkan jika penyemak imbas menyokong gerak isyarat berbilang sentuhan.
• navigator.msMaxTouchPoints > 0 menyemak kefungsian yang sama dalam penyemak imbas Microsoft Edge.

Bacaan Lanjut untuk Kes Lanjutan

Untuk senario pengesanan sentuhan yang lebih kompleks, pertimbangkan sumber ini:

• [Anda Tidak Dapat Mengesan Skrin Sentuh oleh Stu Cox](https://www.stuartelliscox.com/blog/you-cant-detect-a-touchscreen/)
• [Mengesan sentuhan: ini adalah 'mengapa', bukan 'bagaimana' oleh Remy Sharp ](https://remysharp.com/2013/04/01/detecting-touch/)
• [Mendapatkan pembentangan menyentuh hati oleh Patrick H. Lauke](https://www.patrickhlauke.com/getting-touchy-with-javascript)

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