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?

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"); } }); });

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'); })

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"); } }); });

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 .

$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })

tutorial video css

$('a').off('mouseenter').unbind('mouseleave');

》

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!