Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah acara fokus javascript

Apakah acara fokus javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2022-01-28 15:06:596336semak imbas

Acara fokus: 1. Gunakan kaedah fokus() untuk menetapkan elemen untuk mendapatkan acara fokus, sintaksnya ialah "$(selector).focus(function)" 2. Gunakan kaedah blur(). untuk menetapkan elemen kehilangan acara fokus, sintaksnya ialah "$(selector).blur(function)".

Apakah acara fokus javascript

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Apakah acara fokus javascript?

Apabila elemen mendapat fokus, peristiwa fokus berlaku.

Apabila elemen dipilih dengan klik tetikus atau diletakkan dengan kekunci tab, elemen itu mendapat fokus. Kaedah

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

Sintaksnya ialah:

$(selector).focus()

atau:

$(selector).focus(function)

Peristiwa kabur berlaku apabila elemen kehilangan fokus.

kaedah blur() mencetuskan peristiwa kabur atau menentukan fungsi untuk dijalankan apabila peristiwa kabur berlaku.

Sintaksnya ialah:

$(selector).blur()

atau:

$(selector).blur(function)

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>

Hasil output:

 2.gif

Cadangan berkaitan: Tutorial pembelajaran javascript

Atas ialah kandungan terperinci Apakah acara fokus javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn