问题描述
|
我尝试使div颜色在单击或聚焦于文本框时发生更改，因此我执行此js函数，但它更改了文本框颜色而不是其div
<!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>
<title>test</title>
<style type=\"text/css\">
/* This is the CSS class to use when no focus is on the input control */
.input_text
{
border:1px solid #c0c0c0;
padding:4px;
font-size:14px;
color:#000000;
background-color:#ffffff;
}
/* This is the CSS class to use when the control has focus */
.input_text:focus,input.input_text_focus
{
border-color:#646464;
background-color:#ffffc0;
}
</style>
<script type=\"text/javascript\">
// creates a function to set the css class name of input controls when they
// receive or lose focus.
setAspnetTextFocus = function() {
// CSS class name to use when no focus is on the input control
var classBlur = \'input_text\';
// CSS class name to use when the input control has focus
var classFocus = \'input_text_focus\';
// get all of the input tags on the page
var inputElements = document.getElementsByTagName(\'input\');
for (var i = 0; i < inputElements.length; i++) {
inputElements[i].onfocus = function() {
if (this.className == \'input_text\') {
this.className += \' \' + classFocus;
}
}
// add the onblur event and set it to remove the on focused CSS class when it loses focus
inputElements[i].onblur = function() {
this.className = this.className.replace(new RegExp(\' \' + classFocus + \'\\\\b\'),\'\');
}
}
}
// attach this event on load of the page
if (window.attachEvent) window.attachEvent(\'onload\',setAspnetTextFocus);
</script>
</head>
<body>
<div class=\"input_text\" >
<input type=\"text\" id=\"TextBox1\" class=\"input_text\" />
</div>
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）