javascript hasFocus使用執行個體

來源:互聯網
上載者:User

如果網頁處於焦點狀態返回true,否則返回fasle
什麼是焦點?焦點是指使用者是否活動在該頁面.確切的說滑鼠是否在該網頁內活動.或者說該網頁中的內容是否有被選中的,或者游標存在於該頁的某個元素內.如果具備其中一個條件那麼該頁就處於焦點狀態.注意hasFocus方法只針對網頁不針對瀏覽器.下面的執行個體中.你用滑鼠點擊網頁時候.該網頁處於焦點狀態.你用滑鼠點擊瀏覽器的地址欄以後.該網頁失去焦點並顯示false. 再次提醒hasFocus方法只能運行在document對像.請看下面執行個體 複製代碼 代碼如下:<html>
<head>
<title>Dom:hasFocus方法執行個體</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點擊網頁地區.表明該網頁獲得焦點,顯示為true.點擊瀏覽器地址欄.該網頁失去焦點顯示為false</h2>
<hr/>
<a href="http://www.jb51.net" onfocus="getFocus()">指令碼之家</a>
<span id="c"></span>
<script language="javascript">
function getFocus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
function Empty_Focus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
</script>
</body>
</html>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.