Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar acara onclick dalam jquery
Bagaimana untuk mengalih keluar acara onclick dalam jquery
- WBOYasal
- 2022-04-18 11:29:504428semak imbas
Kaedah pengalihan keluar: 1. Gunakan "element object.removeAttr("onclick")" untuk mengalih keluar acara yang ditakrifkan dalam teg html; 2. Gunakan "element object.unbind("click")" atau "Element object.off("klik"), mengalih keluar acara yang terikat dengan acara jquery.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara mengalih keluar acara onclick dalam jquery
1 Jika acara onclick ditakrifkan dalam teg html, anda perlu menggunakan kaedah removeAttr("onlick"):
Kaedah removeAttr() mengalih keluar satu atau lebih atribut daripada elemen yang dipilih.
<div id="test" onclick="setOnclick">onclick事件</div>
<javascript>
$("#test").removeAttr("onclick");
</javascript>2. Jika klik semasa ialah peristiwa yang terikat dengan acara jquery, kaedah unbind("klik") harus digunakan:
unbind( ) kaedah Mengalih keluar pengendali acara daripada elemen yang dipilih.
Kaedah ini boleh mengalih keluar semua atau pengendali acara yang dipilih, atau menamatkan pelaksanaan fungsi yang ditentukan apabila peristiwa berlaku.
Kaedah ini juga boleh membuka ikatan pengendali acara melalui objek acara. Kaedah ini juga digunakan untuk menyahikat peristiwa dalam dirinya sendiri (seperti memadamkan pengendali acara selepas peristiwa dicetuskan beberapa kali).
Nota: Jika tiada hujah dinyatakan, kaedah unbind() mengalih keluar semua pengendali acara untuk elemen yang ditentukan.
Nota: Kaedah unbind() berfungsi dengan mana-mana pengendali acara yang ditambahkan oleh jQuery.
Setakat versi jQuery 1.7, kaedah on() dan off() ialah kaedah pilihan untuk menambah dan mengalih keluar pengendali acara pada elemen.
// jquery 绑定事件
$('#test').click(function(){
alert("click");
})
// 使用unbind解除绑定
$("#test").unbind("click");Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#button1').click(function(){
alert("click");
})
$("#button2").click(function(){
$("#button1").unbind();
});
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>Klik butang pertama untuk mengeluarkan hasil:
Selepas mengklik butang kedua , acara klik butang pertama akan dialih keluar
Cadangan tutorial video berkaitan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar acara onclick dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!