Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengikat elemen dalam jquery supaya ia kehilangan kursor
Bagaimana untuk mengikat elemen dalam jquery supaya ia kehilangan kursor
- WBOYasal
- 2022-06-14 18:38:291359semak imbas
Kaedah: 1. Gunakan "$" untuk mengikat elemen yang ditentukan untuk mendapatkan objek elemen Sintaks ialah "$(elemen)"; 2. Gunakan kaedah blur() untuk mengikat objek elemen acara fokus hilang. Apabila fokus hilang, Kursor akan hilang Kaedah ini digunakan untuk menetapkan peristiwa kabur berlaku apabila elemen kehilangan fokus.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
Cara mengikat elemen dengan jquery supaya ia kehilangan kursor
1. >
2. Jadikan kursor hilang$(selector)Acara kabur berlaku apabila elemen hilang fokus.
kaedah blur() mencetuskan peristiwa kabur atau menentukan fungsi untuk dijalankan apabila peristiwa kabur berlaku.
Petua: Kaedah ini sering digunakan bersama dengan kaedah fokus(). SintaksCetuskan acara kabur untuk elemen yang dipilih:Tambah fungsi pada acara kabur:
Contohnya adalah seperti berikut:$(selector).blur()Hasil keluaran:
$(selector).blur(function)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").blur(function(){
alert("输入框失去了焦点");
});
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<p>在输入框写些东西，然后点击输入框外，让其失去焦点。</p>
</body>
</html>Selepas mengklik di luar sempadan:
Cadangan tutorial video:
Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengikat elemen dalam jquery supaya ia kehilangan kursor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!