jQuery melaksanakan pencetus butang tekan lama event_jquery

Contoh dalam artikel ini menerangkan cara jQuery melaksanakan peristiwa pencetus butang tekan lama. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Perkembangan pesat telefon bimbit kini memerlukan banyak gerak isyarat telefon mudah alih untuk dijadikan halaman web mudah alih

Terdapat banyak pemalam butang tekan lama di Internet, malah jQuery Mobile mempunyai acara tekan lama

Tetapi disebabkan pelbagai isu keserasian,

Hanya gunakan jquery untuk melaksanakan tindakan tekan lama, yang boleh mengekalkan keserasian yang kukuh antara telefon mudah alih dan komputer

1. Matlamat asas

Buat butang, yang pada asasnya adalah lapisan dengan latar belakang kelabu 100x100px Jika anda menekan dan menahannya selama 2 saat, teks dalam lapisan akan berubah dari dalam ke keluar. Seperti yang ditunjukkan di bawah:

2. Proses pengeluaran

Kod adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Dokumen Tanpa Tajuk

out

/*Tetapkan pemasa tekan lama Jika lapisan ini diklik selama lebih daripada 2 saat, ia akan dicetuskan Teks dalam mydiv akan berubah daripada keluar ke dalam*/
var tamat masa ;

$("#mydiv").mousedown(function() {
tamat masa = setMasa tamat(fungsi() {
         $("#mydiv").text("in");
}, 2000); });

$("#mydiv").mouseup(function() {
ClearTimeout(masa tamat); $("#mydiv").text("out");
});

$("#mydiv").mouseout(function() {
ClearTimeout(masa tamat); $("#mydiv").text("out");
});



Pada dasarnya, masa akhbar yang lama tidak boleh terlalu lama, kerana ini mungkin bercanggah dengan beberapa gerak isyarat tekan lama sistem telefon mudah alih, tetapi ia tidak boleh terlalu pendek, kerana tidak ada perbezaan antara masa tekan lama dan satu klik,

Secara teorinya, untuk menentukan penghujung tekan lama, cuma tetapkan tindakan naik tetikus pada telefon mudah alih,

Walau bagaimanapun, hanya menetapkan mouseup pada PC akan mempunyai pepijat berikut:




Gelapkan teks pada lapisan sambil menekan lama, dan kemudian seret tetikus keluar dari lapisan, anda boleh mengelakkan penghakiman naik tetikus sistem Sudah tentu, tindakan ini tidak boleh direalisasikan pada telefon mudah alih Untuk halaman web pada telefon mudah alih, langkah ini boleh diabaikan sepenuhnya. Walau bagaimanapun, untuk keserasian yang lebih baik, tindakan keluar tetikus ditambahkan untuk membetulkan pepijat ini.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.