In JavaScript können Sie die Ereignisse onfocus() und onblur() verwenden, um zu bestimmen, ob ein Element den Fokus hat. Das Ereignis onfocus tritt auf, wenn ein Element den Fokus erhält, und das Ereignis onblur tritt auf, wenn ein Element den Fokus verliert ;element onfocus="Function( )">".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Das Onfocus-Ereignis tritt auf, wenn ein Objekt den Fokus erhält.
Onfocus wird normalerweise für ,
Tipp: Das Gegenereignis des onfocus-Ereignisses ist das onblur-Ereignis.
Syntax
HTML:
<element onfocus="SomeJavaScriptCode">
JavaScript:
object.onfocus=function(){SomeJavaScriptCode}JavaScript, verwenden Sie die Methode addEventListener():
object.addEventListener("focus", myScript);onblur-Ereignis tritt auf, wenn das Objekt den Fokus verliert.
Onblur wird häufig für Javascript-Verifizierungscode verwendet, der im Allgemeinen in Formulareingabefeldern verwendet wird.
Tipp: Das Gegenereignis von Onblur ist das Onfocus-Event.
Syntax
html:
<element onblur="SomeJavaScriptCode">
javaScript:
object.onblur=function(){SomeJavaScriptCode};Die Beispiel lautet wie folgt:
<!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>output Ergebnis:
Related Empfehlungen: javaScript -Lerntutorial
Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Element in Javascript den Fokus hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
