Bagaimana untuk menentukan sama ada fokus telah hilang dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menentukan sama ada fokus telah hilang dalam jquery

WBOY

Lepaskan： 2022-04-02 12:05:33

asal

2657 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah blur() dan fokus() untuk menentukan sama ada sesuatu elemen telah kehilangan fokus Ia digunakan untuk mencetuskan peristiwa apabila elemen hilang dan mendapat fokus Sintaks ialah "objek elemen .blur(function(){lost focus" Code;}Element object.focus(function(){Dapatkan kod fokus;}".

Bagaimana untuk menentukan sama ada fokus telah hilang dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3

Bagaimanakah jquery menentukan sama ada ia telah kehilangan fokus?

Peristiwa kabur berlaku apabila elemen kehilangan fokus. . Kaedah blur() mencetuskan acara kabur , atau tentukan fungsi untuk dijalankan apabila peristiwa kabur berlaku:

Cetuskan acara kabur untuk elemen yang dipilih:

Tambah. fungsi kepada acara kabur:

$(selector).blur()

Salin selepas log masuk

Apabila elemen mendapat fokus, acara fokus berlaku Kaedah

$(selector).blur(function)

Salin selepas log masuk

fokus() mencetuskan acara fokus, atau. menentukan fungsi untuk dijalankan apabila acara fokus berlaku acara fokus Elemen:

Tambah fungsi pada acara fokus:

$(selector).focus()

Salin selepas log masuk

Contohnya adalah seperti berikut. :

$(selector).focus(function)

Salin selepas log masuk

Hasil output:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").blur(function(){
    document.getElementById(&#39;city&#39;).innerHTML="失去焦点了";
  });
  $("input").focus(function(){
    document.getElementById(&#39;city&#39;).innerHTML="获得焦点了";
  });
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<p id="city">判断输入框是否失去焦点</p>
</body>
</html>

Salin selepas log masuk

Tutorial video berkaitan yang disyorkan:

Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada fokus telah hilang dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!