Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar acara hover dalam css

Bagaimana untuk mengalih keluar acara hover dalam css

藏色散人
藏色散人asal
2023-02-01 10:06:473072semak imbas

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.

Bagaimana untuk mengalih keluar acara hover dalam css

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(&#39;mouseover&#39;); }, function(){
alert(&#39;mouseout&#39;); })
Pembelajaran yang disyorkan: "

tutorial video css

" "
$(&#39;a&#39;).off(&#39;mouseenter&#39;).unbind(&#39;mouseleave&#39;);
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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn