HTML事件屬性onfocus
HTML事件屬性onfocus
當元素獲取焦點時,會觸發onfocus
屬性事件。
HTML5中的新功能
沒有。
句法
<element onfocus="script or Javascript function name">
支持的標簽
所有HTML元素,EXCEPT:
<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>
瀏覽器兼容性
onfocus | Yes | Yes | Yes | Yes | Yes |
例子
<!DOCTYPE html>
<html>
<body>
First name: <input type="text" id="fname" onfocus="myFunction(this.id)">
<script>
function myFunction(x) {
console.log(x);
}
</script>
</body>
</html>
Click to view the demo
實施例2
下面的代碼顯示了如何添加事件偵聽器以輸入文本焦點事件。
<html>
<head>
<script language="JavaScript" type="text/javascript">
function DisplayMsg(NumVal) {
if (NumVal == 1) {
alert("Type your name in the field");
}
if (NumVal == 2) {
alert("Type your phone number in the field");
}
}
</script>
<title>Keyboard Event</title>
</head>
<body>
<form name="form1">
<b>Name:</b> <input type="text" name="text1"
onFocus="DisplayMsg(1)" size="20">
<P>
<b>Phone:</b> <input type="text" name="text2"
onFocus="DisplayMsg(2)" size="20">
</p>
</form>
</body>
</html>
Click to view the demo