Bagaimana untuk mengalih keluar acara onclick dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengalih keluar acara onclick dalam jquery

WBOY

Lepaskan： 2022-05-18 20:39:15

asal

4448 orang telah melayarinya

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.

Bagaimana untuk mengalih keluar acara onclick dalam 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>

Salin selepas log masuk

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 绑定事件
$(&#39;#test&#39;).click(function(){
    alert("click");
})
 
// 使用unbind解除绑定
$("#test").unbind("click");

Salin selepas log masuk

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(){
$(&#39;#button1&#39;).click(function(){
    alert("click");
})
  $("#button2").click(function(){
    $("#button1").unbind();
  });
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>

Salin selepas log masuk

Klik butang pertama untuk mengeluarkan hasil:

Bagaimana untuk mengalih keluar acara onclick dalam jquery

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!