html在元素獲得焦點時觸發的事件屬性onfocus
發表時間:2024-05-12 來源:明輝站整理相關軟件相關文章人氣:
[摘要]實例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 屬性在元素獲得焦點時觸發。
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">
屬性值
值 | 描述 |
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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。