当前位置：首页 → 问答吧 → 大牛们帮忙看一个问题

大牛们帮忙看一个问题

时间：2011-07-29

来源：互联网

我给input添加了一个事件代码如下

<input id="Content1" type="text" size="25" value="讲座" class="bordertext" onClick="divId('Content1')" onfocus="blurInput('Content1')" />

但是在页面加载以后
onfocus function() { this.className = focusClass; }

而 onclick function onclick(event) {divId('Content1')}

正常

这个onfocus 事件发生这样的变化是为什么啊？

作者: shenlei_water 发布时间: 2011-07-29

onfocus function() { this.className = focusClass; }
不能用this

<input id="Content1" type="text" size="25" value="讲座" class="bordertext" onClick="divId('Content1')" onfocus="blurInput(this)" />
function blurInput(o)
{
o.className = focusClass
}

作者: aspwebchh 发布时间: 2011-07-29

我写的是这样的
onfocus="blurInput('Content1')"

这个是
onfocus function() { this.className = focusClass; }

页面加载后我在IE调试工具下看到的 onfocus 事件为什么和我写的不一样啊？

作者: shenlei_water 发布时间: 2011-07-29

引用 2 楼 shenlei_water 的回复:
我写的是这样的
onfocus="blurInput('Content1')"

这个是
onfocus function() { this.className = focusClass; }

页面加载后我在IE调试工具下看到的 onfocus 事件为什么和我写的不一样啊？

我写的是这样的
onfocus="blurInput('Content1')"
你这么写找不到this，当前事件对象

作者: MuBeiBei 发布时间: 2011-07-29

那要怎么改啊？

作者: shenlei_water 发布时间: 2011-07-29

onfocus="blurInput(this)"

作者: MuBeiBei 发布时间: 2011-07-29

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <input id="Content1" type="text" size="25" value="讲座" class="bordertext" onClick="divId('Content1')" onfocus="blurInput('Content1')" />
    
    <script>
        function blurInput(id){
            document.getElementById(id).className = focusClass;
        }
    </script>
</body>
</html>