onfocusin

编辑

onfocusin 事件在一个元素即将获得焦点时触发。

PHP中文网词条详解简介

onfocusin 事件在一个元素即将获得焦点时触发。

提示: onfocusin 事件似于 onfocus 事件。 主要的区别是 onfocus 事件不支持冒泡。因此,如果你想知道元素或者其子元素是否获取焦点,需要使用 onfocusin 事件。

提示: 虽然 Firefox 浏览器不支持 onfocusin 事件, 但你可以通过使用 onfocus (使用addEventListener()方法的可选参数useCapture)的捕获监听事件来查看元素或其子元素是否获取焦点。

提示: onfocusin 事件的相反事件是 onfocusout 事件。


PHP中文网词条详解语法

HTML 中:

<element onfocusin="myScript">

JavaScript (Chrome, Safari 和 Opera 15+ 可能无法正常工作) 中:

object.onfocusin=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("focusin", myScript);


PHP中文网词条详解示例

在输入字段(input)即将获取焦点时执行 JavaScript:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网(www.php.cn)</title>
</head>
<body>

输入您的名字: <input type="text" onfocusin="myFunction(this)">
<p>当 input 输入框获取焦点时,JavaScript 函数将被触发,并修改背景颜色。 </p>
<script>
function myFunction(x) {
    x.style.background = "yellow";
}
</script>

</body>
</html>


参考资料
    词条标签:
    javascript   onfocusin