hujung hadapan web
tutorial js
Penjelasan terperinci tentang contoh penggunaan jQuery binding event listener bind dan mengalih keluar event listener unbind_jquery
Penjelasan terperinci tentang contoh penggunaan jQuery binding event listener bind dan mengalih keluar event listener unbind_jquery
Contoh dalam artikel ini menerangkan penggunaan jQuery binding event listener bind dan mengalih keluar event listener unbind. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Di sini masing-masing gunakan bind(eventType,[data],Listener)//data sebagai parameter pilihan, acara yang terikat dengan kaedah one() dipadamkan secara automatik selepas dicetuskan sekali, unbind(eventType,Listener),
Contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>unbind(eventType,listener)</title>
<style type="text/css">
<!--
img{
border:1px solid #000000;
}
input{
border:1px solid #570000;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var fnMyFunc1; //函数变量
$("img")
.bind("click",fnMyFunc1 = function(){ //赋给函数变量
$("#show").append("<div>点击事件1</div>");
})
.bind("click",function(){
$("#show").append("<div>点击事件2</div>");
})
.bind("click",function(){
$("#show").append("<div>点击事件3</div>");
});
$("input[type=button]").click(function(){
$("img").unbind("click",fnMyFunc1); //移除事件监听myFunc1
});
});
</script>
</head>
<body>
<img src="11.jpg"> <input type="button" value="移除事件1">
<div id="show"></div>
</body>
</html>
Lihat kod ujian ini sekali lagi:
<body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"> </body>
Kod JQuery:
$().ready(function(){
for (var i = 0; i < 3; i++) {
$("input[type='button']").click(function(){
alert("aaaa");
});
}
}
alert("aaaa") akan dilaksanakan tiga kali Dalam acara bersarang, jika anda tidak mahu melihat situasi sedemikian, anda perlu melumpuhkan acara peringkat atas pada masa ini, anda boleh memperkenalkan bind dan melepaskan fungsi untuk menyelesaikan masalah.
Memperkenalkan fungsi:
for (var i = 0; i < 3; i++) {
$("input[type='button']").unbind("click");
$("input[type='button']").bind("click", function(){
alert("aaa");
});
}
alert("aaa"); hanya dilaksanakan sekali.
Kaedah bind() menambah satu atau lebih pengendali acara pada elemen yang dipilih dan menentukan fungsi untuk dijalankan apabila peristiwa berlaku
Kaedah unbind() mengalih keluar pengendali acara bagi elemen yang dipilih. Keupayaan untuk mengalih keluar semua atau pengendali acara terpilih, atau menamatkan pelaksanaan fungsi tertentu apabila peristiwa berlaku.
event ialah jenis acara, jenisnya termasuk: blur, flcus, load, resize, scroll, unload, click, dblclikc, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change , pilih , serahkan, kekunci kekunci, tekan kekunci, kekunci kekunci, ralat, dsb., sudah tentu ia juga boleh menjadi nama tersuai.
data ialah parameter pilihan dan nilai atribut event.data dihantar ke objek data tambahan objek acara.
fungsi ialah fungsi pemprosesan yang digunakan untuk mengikat.
Tatabahasa:
$(selector).bind(acara,data,fungsi)
Acara dan fungsi mesti menunjuk kepada coretan kod berikut untuk penjelasan:
Contoh 1: Padamkan semua acara p
Contoh 2: Padamkan acara klik p
Contoh 2: Fungsi ujian dicetuskan selepas memadamkan peristiwa klik unsur p dan fungsi ujian dicetuskan selepas menambah peristiwa klik unsur p
$("p").unbind("click",test);
$("p").bind("click",test);
Nota: Untuk mentakrifkan .bind() anda mesti menentukan acara dan fungsi apa
Sekarang mari kita lihat demo ringkas Keseluruhan div mempunyai klik untuk meruntuhkan dan mengembangkan acara Jika anda ingin mengklik pada pautan tetapi tidak mencetuskan acara klik div, anda perlu melumpuhkan acara klik div apabila pautan. dicetuskan Di sini I Acara tetikus pautan digunakan untuk menyahikat dan memadam acara div. Ini belum berakhir Pada masa ini, selagi tetikus memasuki kawasan pautan, acara klik div akan dipadamkan Kami juga perlu menambah pemulihan acara klik div apabila tetikus bergerak keluar kawasan pautan. Kodnya adalah seperti berikut:
$(function(){ var Func = function(){
$(".com2").toggle(200); }
$(".test").click(Func)
$(".test a").mouseenter(function(){
$(".test").unbind(); //删除.test的所有事件
});
$(".test a").mouseleave(function(){
$(".test").bind("click",Func); //添加click事件
});
});
acara ialah jenis acara
…
fungsi ialah fungsi pemprosesan yang digunakan untuk mengikat.
Pembaca yang berminat dengan lebih banyak kandungan yang berkaitan dengan acara jQuery boleh menyemak topik khas tapak ini: "Ringkasan penggunaan dan teknik acara biasa jQuery"
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk membuang pengikut di Xiaohongshu Bagaimana untuk membuang pengikut tanpa menyekat mereka.
Mar 12, 2024 pm 04:40 PM
Semua orang boleh mendapatkan banyak maklumat tentang APP Xiaohongshu Terdapat banyak fungsi dan perkhidmatan di sini, semuanya boleh dikendalikan oleh pengguna secara bebas Mengikut keperluan mereka sendiri, mereka boleh memilih beberapa fungsi dan operasi yang sepadan di sini untuk menyelesaikan masalah. Beberapa soalan anda amat mudah. Saya benar-benar boleh mengesyorkan sejumlah besar nota ini kepada anda setiap hari. Ia kaya dengan kandungan dan merangkumi pelbagai pilihan, tidak kira bahagian kandungan yang ingin anda lihat di sini. Kami boleh memuaskan hati semua orang di sini dan menyelesaikan beberapa masalah anda Apabila anda bebas, anda boleh cuba menyiarkan pelbagai nota sendiri Mungkin anda akan mempunyai peluang untuk mendapatkan sejumlah besar peminat, jadi anda tidak mahu kehilangan beberapa Jika peminat memberi perhatian, mereka boleh memilih untuk mengalih keluar ini
Bagaimana untuk mengikat sub-akaun pada Xiaohongshu? Bagaimanakah ia menyemak sama ada akaun itu normal?
Mar 21, 2024 pm 10:11 PM
Dalam era ledakan maklumat hari ini, pembinaan jenama peribadi dan imej korporat telah menjadi semakin penting. Sebagai platform perkongsian kehidupan fesyen terkemuka di China, Xiaohongshu telah menarik sejumlah besar perhatian dan penyertaan pengguna. Bagi pengguna yang ingin mengembangkan pengaruh mereka dan meningkatkan kecekapan penyebaran kandungan, sub-akaun yang mengikat telah menjadi cara yang berkesan. Jadi, bagaimanakah Xiaohongshu mengikat sub-akaun? Bagaimana untuk menyemak sama ada akaun itu normal? Artikel ini akan menjawab soalan-soalan ini untuk anda secara terperinci. 1. Bagaimana untuk mengikat sub-akaun pada Xiaohongshu? 1. Log masuk ke akaun utama anda: Pertama, anda perlu log masuk ke akaun utama Xiaohongshu anda. 2. Buka menu tetapan: klik "Saya" di penjuru kanan sebelah atas, dan kemudian pilih "Tetapan". 3. Masukkan pengurusan akaun: Dalam menu tetapan, cari pilihan "Pengurusan Akaun" atau "Pembantu Akaun" dan klik
Tutorial BTCC: Bagaimana untuk mengikat dan menggunakan dompet MetaMask pada pertukaran BTCC?
Apr 26, 2024 am 09:40 AM
MetaMask (juga dipanggil Little Fox Wallet dalam bahasa Cina) ialah perisian dompet penyulitan percuma dan diterima baik. Pada masa ini, BTCC menyokong pengikatan pada dompet MetaMask Selepas mengikat, anda boleh menggunakan dompet MetaMask untuk log masuk dengan cepat, menyimpan nilai, membeli syiling, dsb., dan anda juga boleh mendapatkan bonus percubaan 20 USDT untuk pengikatan pertama. Dalam tutorial dompet BTCCMetaMask, kami akan memperkenalkan secara terperinci cara mendaftar dan menggunakan MetaMask, dan cara mengikat dan menggunakan dompet Little Fox dalam BTCC. Apakah dompet MetaMask? Dengan lebih 30 juta pengguna, MetaMask Little Fox Wallet ialah salah satu dompet mata wang kripto yang paling popular hari ini. Ia percuma untuk digunakan dan boleh dipasang pada rangkaian sebagai sambungan
Langkah dan kaedah untuk mengikat Douyin dalam Toutiao
Mar 22, 2024 pm 05:56 PM
1. Buka Toutiao. 2. Klik Saya di penjuru kanan sebelah bawah. 3. Klik [System Settings]. 4. Klik [Tetapan Akaun dan Privasi]. 5. Klik butang di sebelah kanan [Douyin] untuk mengikat Douyin.
Bagaimana untuk mengikat apl Cainiao ke Pinduoduo? Bagaimana untuk menambah Cainiao Wrap ke platform Pinduoduo?
Mar 19, 2024 pm 02:30 PM
Aplikasi Cainiao ialah platform yang boleh memberikan anda pelbagai maklumat logistik Fungsi di sini sangat berkuasa dan mudah digunakan Jika anda mempunyai sebarang masalah berkaitan logistik, ia boleh diselesaikan di sini -perkhidmatan berhenti boleh menyelesaikan segala-galanya dalam masa Menyemak penghantaran ekspres, mengambil penghantaran ekspres, dan lain-lain semuanya tanpa sebarang masalah. Kami telah bekerjasama dengan pelbagai platform dan semua maklumat boleh ditanya Mungkin berlaku bahawa barang yang dibeli di Pinduoduo tidak dapat memaparkan maklumat logistik Sebenarnya, anda perlu mengikat Pinduoduo secara manual untuk mencapai ini. Cara mengikat Cainiao ke akaun Pinduoduo: 1. Buka APP Cainiao dan pergi ke halaman utama
Bagaimana untuk mengikat APP Cainiao kepada Pinduoduo Bagaimana untuk mengikat APP Cainiao kepada Pinduoduo
Mar 19, 2024 pm 05:16 PM
Adakah anda tahu cara mengikat Pinduoduo apabila menggunakan Cainiao Wrap App versi rasmi Cainiao Wrap tidak menyegerakkan beberapa maklumat logistik Pinduoduo pada platform ini. Apa yang perlu kami lakukan ialah Anda boleh menyalin nombor pesanan atau menyemak telefon bimbit anda untuk melihat jika ada sebarang maklumat penghantaran ekspres. Sudah tentu, ini semua perlu diselesaikan secara manual Jika anda ingin mengetahui lebih lanjut, datang dan lihat dengan editor. Cara mengikat APP Cainiao ke Pinduoduo 1. Buka APP Cainiao dan klik "Panduan Pakej" di penjuru kiri sebelah atas halaman utama. 2. Dalam antara muka, terdapat banyak laman web membeli-belah, dan akaun boleh diikat. 3. Klik untuk mengimport platform e-dagang lain. 4. Keizinan pengguna: Klik Pinduoduo untuk pergi ke antara muka
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Feb 28, 2024 pm 03:12 PM
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u
Apakah yang perlu saya lakukan jika kotak hitam kecil saya tidak boleh diikat ke Steam?
Mar 12, 2024 pm 03:10 PM
Ketidakupayaan Kotak Hitam untuk mengikat Steam mungkin disebabkan oleh isu versi rangkaian atau perisian. Kotak hitam kecil menyediakan maklumat termasuk harga permainan yang dikeluarkan dan akan datang, keperluan konfigurasi komputer dan ulasan, dan analisis permainan yang mendalam. Selain itu, ia juga membolehkan pengguna mencari maklumat yang mereka perlukan melalui peranti mudah alih pada bila-bila masa dan di mana sahaja. Apa yang perlu dilakukan jika kotak hitam kecil tidak boleh diikat ke Steam 1. Sahkan status rangkaian dan pastikan peranti disambungkan ke Internet. 2. Semak versi Little Black Box Sila pastikan anda menggunakan versi terkini perisian Little Black Box dan cuba ikat akaun Steam anda. 3. Untuk menyemak tetapan akaun Steam, sila log masuk ke akaun Steam dan semak sama ada fungsi mengikat perisian pihak ketiga dihidupkan dalam tetapan privasi. 4. Hubungi perkhidmatan pelanggan rasmi Jika langkah di atas masih tidak dapat menyelesaikan masalah, anda disyorkan untuk menghubungi perkhidmatan pelanggan rasmi untuk mendapatkan bantuan.
