Rumah > hujung hadapan web > tutorial js > jQuery tetikus summary_jquery

jQuery tetikus summary_jquery

WBOY
Lepaskan: 2016-05-16 15:41:35
asal
1093 orang telah melayarinya

Acara tetikus dicetuskan apabila pengguna menggerakkan kursor tetikus atau mengklik dengan mana-mana butang tetikus.

1. Acara klik : Dicetuskan apabila butang kiri tetikus diklik

 $('p').klik(fungsi(){});

Contoh:

$('p').click(function(){
        alert('click function is running !');
       });

Salin selepas log masuk

2. acara dbclick : dicetuskan apabila dua klik dibuat berturut-turut

 $('p').dbclick(function(){});

Contoh:

$("button").dblclick(function(){
 $("p").slideToggle();
});

Salin selepas log masuk

3 peristiwa turun tetikus : tercetus apabila tetikus ditekan

 $('p').mousedown(function(){});

Contoh

$("button").mousedown(function(){
 $("p").slideToggle();
});

Salin selepas log masuk

4 peristiwa naik tetikus : dicetuskan apabila tetikus dilepaskan

 $('p').mouseup(function(){});

Contoh:

$("button").mouseup(function(){
 $("p").slideToggle();
});

Salin selepas log masuk

5 peristiwa alih tetikus : dicetuskan apabila tetikus bergerak dari satu elemen ke elemen lain

 acara keluar tetikus: dicetuskan apabila tetikus bergerak keluar dari elemen

 $('p').mouseover(function(){});

$('p').mouseout(function(){});

Contoh:

$("p").mouseover(function(){
 $("p").css("background-color","yellow");
});
$("p").mouseout(function(){
 $("p").css("background-color","#E9E9E4");
});

Salin selepas log masuk

6. acara tetikus : dicetuskan apabila tetikus bergerak ke dalam elemen

acara meninggalkan tetikus: dicetuskan apabila tetikus bergerak keluar daripada elemen

 $('p').mouseenter(function(){});

$('p').mouseleave(function(){});

Contoh

$("p").mouseenter(function(){
 $("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
 $("p").css("background-color","#E9E9E4");
});
Salin selepas log masuk

7. Acara tuding

 $('p').tuding(
function(){},
fungsi(){}
);

Contoh

$(".table_list tr").hover( 
function () { 
$(this).addClass("hover"); 
}, 
function () { 
$(this).removeClass("hover"); 
} 

); 
Salin selepas log masuk

8. acara togol : acara penukaran klik tetikus

 $('p').togol(
function(){},
fungsi(){}
);

Contoh

$("p").toggle(
 function(){
 $("body").css("background-color","green");},
 function(){
 $("body").css("background-color","red");},
 function(){
 $("body").css("background-color","yellow");}
);
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan