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 "
".
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 ,
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!
![Tutorial teras JavaScript [operasi DOM BOM yang mesti diketahui JS]](https://img.php.cn/upload/course/000/000/041/61c56ae28d02a390.jpg)
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
