"."/> ".">
Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menentukan sama ada elemen mempunyai fokus dalam javascript
Dalam JavaScript, anda boleh menggunakan peristiwa onfocus() dan onblur() untuk menentukan sama ada sesuatu elemen mempunyai fokus Peristiwa onfocus berlaku apabila elemen memperoleh fokus dan peristiwa onblur berlaku apabila elemen kehilangan fokus sintaks ialah "54ed6bc2e58546a96fb664da7c9815c6".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Acara onfocus berlaku apabila objek mendapat fokus.
Onfocus biasanya digunakan untuk d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e dan 3499910bf9dac5ae3c52d5ede7383485.
Petua: Peristiwa berlawanan bagi acara onfocus ialah acara onkabur.
Sintaks
HTML:
<element onfocus="SomeJavaScriptCode">
JavaScript:
object.onfocus=function(){SomeJavaScriptCode}
JavaScript, gunakan kaedah addEventListener():
object.addEventListener("focus", myScript);
peristiwa onblur berlaku apabila objek hilang fokus.
Onblur sering digunakan untuk kod pengesahan Javascript, biasanya digunakan dalam kotak input borang.
Petua: Peristiwa berlawanan onblur ialah acara onfocus.
Sintaks
HTML:
<element onblur="SomeJavaScriptCode">
JavaScript:
object.onblur=function(){SomeJavaScriptCode};
Contohnya adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> function Function(){ document.getElementById('tip').innerHTML='元素失去焦点了'; } function myFunction(x){ document.getElementById('tip').innerHTML='元素获取焦点了'; } </script> </head> <body> 判断焦点示例: <input type="text" onfocus="myFunction(this)" onblur="Function()"> <p id="tip" style="color:red;"></p> </body> </html>
Hasil keluaran:
Cadangan berkaitan: Tutorial pembelajaran javascript
Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada elemen mempunyai fokus dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!