在JavaScript中,可用onfocus()和onblur()事件判斷元素是否有焦點,onfocus事件在元素獲取焦點時發生,onblur事件在元素失去焦點時發生,語法為「
」。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
onfocus 事件在物件獲得焦點時發生。
Onfocus 通常用於 ,
提示: onfocus 事件的相反事件為 onblur 事件。
語法
HTML 中:
<element onfocus="SomeJavaScriptCode">
JavaScript 中:
object.onfocus=function(){SomeJavaScriptCode}
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("focus", myScript);
onbluree
onblur事件會在物件失去焦點時發生。 Onblur 常用於Javascript驗證程式碼,一般用於表單輸入框。 提示:onblur 相反事件為 onfocus 事件 。 語法HTML 中:<element onblur="SomeJavaScriptCode">
object.onblur=function(){SomeJavaScriptCode};
<!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>
# 輸出結果:
相關推薦:javascript學習教學
#以上是javascript怎麼判斷元素是否有焦點的詳細內容。更多資訊請關注PHP中文網其他相關文章!