Anda dan saya tahu bahwa menambahkan acara roda mouse ke halaman web HTML5 dapat lebih memungkinkan pengguna untuk berinteraksi dengan halaman web. Di HTML5, roda gulir mouse tidak hanya dapat meluncur ke atas dan ke bawah halaman web. Bahkan, Anda juga dapat mengandalkan ini untuk menyelesaikan lebih banyak fungsi, seperti memperbesar dan mengurangi bidang bidang tampilan.
Lihat efek demonstrasi yang sebenarnya
Sebagian besar browser mendukung acara roda mouse, sehingga Anda dapat berlangganan metode acara roda mouse terlebih dahulu. Setiap kali acara dipicu, Anda bisa mendapatkan properti yang disebut Wheeldelta, yang mewakili ukuran roda mouse yang baru saja berubah. Nilai positif menunjukkan bahwa roda gulir meluncur ke bawah, dan nilai negatif menunjukkan bahwa roda gulir meluncur ke atas. Semakin besar nilai absolut dari nilai, semakin besar rentang geser.
Sayangnya, masih ada browser yang tidak mendukung acara roda mouse. Itu Firefox. Mozilla telah menerapkan pemrosesan acara yang disebut DommousesCroll, yang akan melewati parameter acara bernama acara dengan properti yang disebut detail. Namun, properti detail ini berbeda dari Wheeldelta, yang hanya dapat mengembalikan nilai -nilai positif, yaitu, ia hanya dapat bersikeras pada nilai roda mouse yang menggulir ke bawah.
Anda harus memberikan perhatian khusus bahwa Apple juga menonaktifkan gulir mouse untuk mengontrol halaman yang meluncur ke atas dan ke bawah di browser Safari, tetapi fungsi ini masih digunakan secara normal di mesin webkit, sehingga kode yang Anda tulis tidak akan memicu masalah apa pun.
Tambahkan metode penanganan acara roda mousePertama, kami menambahkan gambar ke halaman web, dan kami dapat menggunakan roda mouse untuk mengontrol zoom gambar ini nanti.
Kode XML/HTML Salin Konten ke Clipboard