onfocus是JavaScript中的一个事件,表示:在对象获得焦点时发生。
比如输入框获得焦点时,输入框背景变为红色。示例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>JS onfocus用法</title>
<script type="text/javascript">
//改变文本框背景颜色
function changeStyle(id)
{
document.getElementById(id).style.background="red"
}
</script>
</head>
<body>
输入内容: <input type="text" onfocus="changeStyle(this.id)" id="content" />
</body>
</html>
运行结果:
js我的focus获得焦点无效,是参数设置错误造成的,解决方法如下:
1、首先新建一个html文件,创建a标签和两个按钮。
2、然后创建js函数getfocus()。
3、函数获取a标签的焦点。
4、创建js函数losefocus()。
5、函数内容为失去焦点,为按钮添加点击事件触发函数。
6、最后预览效果如图,当点击获取焦点按钮a标签获取焦点,点击失去焦点,焦点消失。