html中js事件onfocus起什么作用?


摘要:
下文讲述html中onfocus事件的相关说明,如下所示;


onfocus事件功能

onfocus事件功能:
onfocus事件用于当一个Html元素获取焦点时,触发相应的js事件
onfocus事件语法:
<element onfocus=”script”>
——–参数说明———
script:onfocus中执行的脚本

onfocus事件注意事项: 
     1.目前市面上所有浏览器都支持此事件


onfocus事件举例说明

当用户获取文本框焦点时,将文本框背景色设置为绿色


<!DOCTYPE html>
<html>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
onfocus事件示例说明
</title> 
<head>
<script>
function f()
{ 
	document.getElementById("txtTest").style.backgroundColor="green";
}
</script>
</head>
<body>

<p>文本框变色</p>
  <input type="text"   id="txtTest" onfocus="f()">
</body>
</html>