当元素获得焦点时,将发生HTML DOM onfocusin事件。 onfocusin与onfocus相同,唯一的区别是onfocus事件不会冒泡。
如果要确定某个元素或其子元素是否获得焦点,则应使用onfocusin事件。
onfocusin事件与onfocusout事件相反。
注意:Firefox不支持onfocusin事件,但是在捕获侦听器的帮助下,您可以确定元素的子级是否获得焦点。
用法:
在HTML中:
<element onfocusin="myScript">
在JavaScript中(可能无法在Chrome,Safari和Opera 15+中正常运行):
object.onfocusin = function(){myScript};
在JavaScript中,使用addEventListener()方法:
object.addEventListener("focusin", myScript);
例:使用HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onfocusin Event</h2> Focus:
<input type="text" onfocusin="GFGfun(this)">
<script>
function GFGfun(foc) {
foc.style.background = "yellow";
}
</script>
</center>
</body>
</html>
输出:
例:使用JavaScript
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onfocusin Event</h2> Focus:
<input type="text" id="fname">
<script>
document.getElementById(
"fname").onfocusin = function() {
myFunction()
};
function myFunction() {
document.getElementById(
"fname").style.backgroundColor = "yellow";
}
</script>
</center>
</body>
</html>
输出:
例:使用addEventListener()方法:
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onfocusin Event</h2> Focus:
<input type="text" id="fname">
<script>
document.getElementById(
"fname").addEventListener("focusin", gfgFun);
function gfgFun() {
document.getElementById(
"fname").style.backgroundColor = "yellow";
}
</script>
</center>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML DOM onfocusin Event支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐52
- 苹果Safari
- Opera
相关用法
- HTML onbeforeunload事件用法及代码示例
- HTML onbeforeprint事件用法及代码示例
- HTML onblur事件用法及代码示例
- HTML oncanplay事件用法及代码示例
- HTML onerror事件用法及代码示例
- HTML fullscreenchange事件用法及代码示例
- HTML onfocusout事件用法及代码示例
- HTML onseeking事件用法及代码示例
- HTML oncopy事件用法及代码示例
- HTML onresize事件用法及代码示例
- HTML onreset事件用法及代码示例
- HTML onscroll事件用法及代码示例
- HTML onratechange事件用法及代码示例
- HTML onclick事件用法及代码示例
- HTML oncontextmenu事件用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onfocusin Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。