Rujukan sebenar peristiwa sentuhan js

Menyelidik acara gelongsor skrin sentuh halaman mudah alih Mencari sokongan teknikal yang sepadan bagi jquery benar-benar membosankan, manakala js hanya memerlukan beberapa langkah mudah untuk mentakrifkannya dengan anda daripada js.

Apabila saya mula-mula mula bekerja pada halaman muka depan, saya bersentuhan dengan js, tetapi kemudian saya tertarik dengan jquery yang mudah dan cekap dan telah menggunakannya sejak itu.

Bagi js, saya secara subjektif meninggalkannya sebagai teknologi asas.

Sehingga beberapa hari bekerja, saya telah mengkaji peristiwa gelongsor skrin sentuh pada halaman mudah alih untuk mencari sokongan teknikal jquery yang sepadan benar-benar membosankan (sudah tentu, saya mungkin tidak faham. jquery cukup), manakala js hanya memerlukan beberapa langkah.

Memandangkan saya tahu sedikit tentang js, saya telah mencuba aplikasi paling mudah untuk masa yang lama... Biar saya kongsikan rujukan sebenar acara sentuhan js:

$(function(){
document.addEventListener("touchmove", _touch, false);
})

function _touch(event){
alert(1);
}

Kod di atas tidak dapat dielakkan menggunakan sesuatu daripada jquery, dan mereka yang tidak menggunakan jquery boleh mengabaikannya.

Acara yang sepadan ialah:

mula sentuh: dicetuskan apabila jari menyentuh skrin; ia akan dicetuskan walaupun sudah ada jari pada skrin.
gerak sentuh: Dicetuskan secara berterusan apabila jari meluncur pada skrin. Semasa acara ini, memanggil preventDefault() menghalang penatalan.
sentuhan: tercetus apabila jari dikeluarkan daripada skrin.
batal sentuh: Dipecat apabila sistem berhenti menjejaki sentuhan. Peristiwa pencetus yang tepat untuk acara ini tidak jelas dalam dokumentasi.

Atribut berikut wujud pada objek acara peristiwa di atas:

sentuhan: Susunan objek Sentuh yang mewakili operasi sentuhan yang dijejaki pada masa ini.
targetTouches: Tatasusunan objek Sentuhan khusus untuk sasaran acara.
changeTouches: Susunan objek Sentuh yang menunjukkan perkara yang telah berubah sejak sentuhan terakhir.

Setiap objek Sentuh mengandungi sifat berikut:

clientX: Koordinat X sasaran sentuh dalam port pandangan.
klienY: Koordinat Y sasaran sentuh dalam port pandangan.
pengecam: mewakili ID unik sentuhan.
halamanX: Koordinat-x sasaran sentuh dalam halaman.
halamanY: Koordinat y sasaran sentuh dalam halaman.
screenX: Koordinat x sasaran sentuh pada skrin.
screenY: Koordinat y sasaran sentuh pada skrin.
sasaran: menyentuh koordinat nod DOM

Di atas ialah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial video JavaScript!