Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar acara hover dalam css
Kaedah untuk mengalih keluar acara hover css: 1. Melalui "$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })" kaedah untuk mengikat acara hover; 2. Nyahikat acara hover melalui kaedah "$('a').off('mouseenter').unbind('mouseleave');" kaedah. Ya.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3, komputer DELL G3
Cara mengalih keluar acara hover css ?
Cara yang betul untuk membatalkan dan mengikat acara hover dalam jquery
Dalam reka bentuk web, kami sering menggunakan jquery untuk bertindak balas terhadap hover tetikus peristiwa, dan Peristiwa alih tetikus dan keluar tetikus mempunyai kesan yang sama, tetapi bagaimanakah cara untuk menggunakan pada untuk mengikat kaedah tuding?
Lihat kod berikut dahulu, Andaikan kita mengikat acara klik dan tuding pada teg:Apabila teg diklik, sesuatu yang aneh berlaku semua. reaksi, acara klik terikat boleh bertindak balas secara normal
$(document).ready(function(){ $('a').on({ hover: function(e) { //Hover event handler alert("hover"); }, click: function(e) { // Click event handler alert("click"); } }); });Tetapi jika anda menukar cara penulisan, contohnya:
anda harus menggunakan acara mouseenter dan mouseleave, (ini. Ia juga merupakan peristiwa yang digunakan dalam fungsi .hover())
$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })Jadi ia boleh dipetik terus seperti ini:
Kerana .hover() ialah peristiwa yang ditakrifkan oleh jQuery sendiri , untuk kemudahan Pengguna mengikat acara tetikus dan meninggalkan tetikus Ia bukan peristiwa sebenar, jadi sudah tentu ia tidak boleh dipanggil sebagai parameter acara dalam .on()
$(document).ready(function(){ $('a').on({ mouseenter: function(e) { //Hover event handler alert("mouseover"); }, mouseleave: function(e) { //Hover event handler alert("mouseout"); }, click: function(e) { // Clickevent handler alert("click"); } }); });2. Bagaimana untuk membatalkan acara tuding <.>
Seperti yang kita semua tahu, anda boleh menggunakan fungsi off untuk membatalkan acara terikat, tetapi anda hanya boleh membatalkan acara terikat melalui bind Acara hover dalam jquery adalah agak istimewa tidak boleh dibatalkan .
Cara yang betul untuk membatalkan acara tuding terikat:$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })Pembelajaran yang disyorkan: "
tutorial video css
" "$('a').off('mouseenter').unbind('mouseleave');Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar acara hover dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!