明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

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

發(fā)表時間：2023-12-27 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]實例Execute a JavaScript when an input field gets focus:<input type="text" id="fname" onfocus="setStyle(this.id)">瀏...

實例

Execute a JavaScript when an input field gets focus:

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

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

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

定義和用法

onfocus 屬性在元素獲得焦點時觸發(fā)。

onfocus 常用于 <input>、<select> 以及 <a>.

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

注釋：onfocus 屬性不適用于以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<element onfocus="script">

屬性值

值描述
scriptonfocus 發(fā)生時運行的腳本。

onFocus是JavaScript的里面的在對象獲得焦點時發(fā)生的事件，最簡單的實例就是網(wǎng)頁的上的一個輸入框，當使用鼠標點擊該輸入框使輸入框被選中可以輸入內(nèi)容的時候就是該輸入框獲得焦點的時候，此時輸入框就會觸發(fā)onFocus事件。

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

1、做一個輸入框，給輸入框綁定一個onFocus事件，當用戶觸發(fā)事件的時候?qū)⑤斎肟虻谋尘白優(yōu)辄S色，代碼如下：

<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在元素獲得焦點時觸發(fā)的事件屬性onfocus的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。