JavaScript中onfocus的用法

JavaScript013

JavaScript中onfocus的用法,第1张

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>

运行结果:

clear是作为document对象的方法关键字,意为清除当前文档。

在用标签的属性监听事件的时候,它是从document对象开始超找的。所以

onfocus="clear(4)" 其实调用了document.clear方法。

解决方法

1. onfocus="window.clear(4)"

2. clear改名字试试吧

3. 建议你学习用js监听事件,现在很少直接在标签上添加事件监听了。

js我的focus获得焦点无效,是参数设置错误造成的,解决方法如下:

1、首先新建一个html文件,创建a标签和两个按钮。

2、然后创建js函数getfocus()。

3、函数获取a标签的焦点。

4、创建js函数losefocus()。

5、函数内容为失去焦点,为按钮添加点击事件触发函数。

6、最后预览效果如图,当点击获取焦点按钮a标签获取焦点,点击失去焦点,焦点消失。