說明：
取得焦點 document.hasFocus()
取得焦點回傳true
失去焦點回傳false
用法
document.hasFocus()
此範例設計說明：
當按下網頁上，取得焦點。
當按下此綱頁以外的失去焦點。
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]使用document物件，使用方法document.hasFocus()</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body onfocus="getFocus()" onblur="blurFocus()" >
<h2>請點網址列,取得焦點為顯示true, 失去焦點為顯示false</h2>
<h2>請點button,取得焦點為顯示true, 失去焦點為顯示false</h2>
<hr/>
<input type="button" onfocus="getFocus()" value="新增" onclick="">
<br>
<hr/>
<span>焦點為顯示:</span> <span id="c"></span>
<hr/>
<script type="text/javascript">
function getFocus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
function blurFocus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
</script>
</body>
</html>
圖：
相關範例：
參考：
其它文章
沒有留言:
張貼留言