首頁 > 文章 > web前端 > html在元素獲得焦點時觸發的事件屬性onfocus

html在元素獲得焦點時觸發的事件屬性onfocus

黄舟原創: 2017-11-04 11:39:045221瀏覽

實例

Execute a JavaScript when an input field gets focus:

<input type="text" id="fname" onfocus="setStyle(this.id)">

瀏覽器支援

#Firefox

Chrome

Safari

Opera

#所有主流瀏覽器都支援onfocus 屬性。

定義和用法

onfocus 屬性在元素獲得焦點時觸發。

onfocus 常用於 d5fd7aea971a85678ba271703566ebfd、221f08282418e2996498697df914ce4e 以及 3499910bf9dac5ae3c52d5ede7383485.

提示：onfocus 屬性與 onblur 屬性相反。

註解：onfocus 屬性不適用於下列元素：dde6fb694e6711ae5e6f381704c04ae4、71af07a0e88a1ac1ff73f855702ac153、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c、e8e496c15ba93d81f6ea4fe5f55a2244 、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 或b2386ffb911b14667cb8f0f91ea547a7。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<element onfocus="script">

屬性值

#值	描述
script	onfocus 發生時執行的腳本。

onFocus是JavaScript的裡面的在物件獲得焦點時發生的事件，最簡單的實例就是網頁的上的一個輸入框，當使用滑鼠點擊該輸入框讓輸入框被選中可以輸入內容的時候就是該輸入框獲得焦點的時候，此時輸入框就會觸發onFocus事件。

工具原料：編輯器、瀏覽器

1、做一個輸入框，給輸入框綁定一個onFocus事件，當使用者觸發事件的時候將輸入框的背景變為黃色，程式碼如下：

<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>
 
<body>
 
First name: <input type="text"
onfocus="setStyle(this.id)" id="fname" />
<br />
Last name: <input type="text"
onfocus="setStyle(this.id)" id="lname" />
 
</body>
</html>

以上是html在元素獲得焦點時觸發的事件屬性onfocus的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html中當上下文選單被觸發時執行腳本的oncontextmenu事件下一篇：html中當上下文選單被觸發時執行腳本的oncontextmenu事件

看更多