html onfoucs状态事件,HTML onfocusin事件用法及代码示例

当元素获得焦点时，将发生HTML DOM onfocusin事件。 onfocusin与onfocus相同，唯一的区别是onfocus事件不会冒泡。

如果要确定某个元素或其子元素是否获得焦点，则应使用onfocusin事件。

onfocusin事件与onfocusout事件相反。

注意：Firefox不支持onfocusin事件，但是在捕获侦听器的帮助下，您可以确定元素的子级是否获得焦点。

用法:

在HTML中：

在JavaScript中(可能无法在Chrome，Safari和Opera 15+中正常运行)：

object.onfocusin = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("focusin", myScript);

例：使用HTML

GeeksforGeeks

HTML DOM onfocusin Event

Focus:

function GFGfun(foc) {

foc.style.background = "yellow";

}

输出：

例：使用JavaScript

GeeksforGeeks

HTML DOM onfocusin Event

Focus:

document.getElementById(

"fname").onfocusin = function() {

myFunction()

};

function myFunction() {

document.getElementById(

"fname").style.backgroundColor = "yellow";

}

输出：

例：使用addEventListener()方法：

GeeksforGeeks

HTML DOM onfocusin Event

Focus:

document.getElementById(

"fname").addEventListener("focusin", gfgFun);

function gfgFun() {

document.getElementById(

"fname").style.backgroundColor = "yellow";

}

输出：

支持的浏览器：下面列出了HTML DOM onfocusin Event支持的浏览器：

谷歌浏览器

IE浏览器

火狐52

苹果Safari

Opera