Question

这段代码，在火狐下为什么不起作用？

//鼠标点击选择行时候变色
function change()
{
var oObj = event.srcElement;
if(oObj.tagName.toLowerCase() == "td")
{
var oTr = oObj.parentNode;
for(var i=1; i<document.all.table1.rows.length; i++)
{
document.all.table1.rows[i].style.backgroundColor = "";
document.all.table1.rows[i].tag = false;
}
oTr.style.backgroundColor = "#CCCCFF";
oTr.tag = true;
}
}
//鼠标点击另外一行时关闭已选行变色
function out()
{
var oObj = event.srcElement;
if(oObj.tagName.toLowerCase() == "td")
{
var oTr = oObj.parentNode;
if(!oTr.tag)
oTr.style.backgroundColor = "";
}
}
//鼠标移动到选择行上时的行变色
function over()
{
var oObj = event.srcElement;
if(oObj.tagName.toLowerCase() == "td")
{
var oTr = oObj.parentNode;
if(!oTr.tag)
oTr.style.backgroundColor = "#E1E9FD";
}
}

Answer 1

把var oObj = event.srcElement; 换成下面的
var oObj= event || window.event;
var oObj= oObj.srcElement ? oObj.srcElement : oObj.target;

追问

还是不管用

追答

把this作为参数传进来
例如：function over(oObj)
页面中 onmouseover="over(this)" 放在tr里
把oObj = event.srcElement; 去了

function change(oObj)
{
if(oObj.tagName.toLowerCase() == "tr")
{
for(vari=1;i<document.all.table1.rows.length;i++)
{
document.all.table1.rows[i].style.backgroundColor = "";
document.all.table1.rows[i].tag = false;
}
oObj.style.backgroundColor = "#CCCCFF";
oObj.tag = true;
}
}
//鼠标点击另外一行时关闭已选行变色
function out(oObj)
{
if(oObj.tagName.toLowerCase() == "tr")
{
oObj.style.backgroundColor = "";
}
}
//鼠标移动到选择行上时的行变色
function over(oObj)
{
if(oObj.tagName.toLowerCase() == "tr")
{
oObj.style.backgroundColor = "#E1E9FD";
}
}

追问

火狐下起作用了，谢谢 ，不过还的麻烦你一下，这个change事件点击下去再把鼠标移走，焦点就不在这个上面了。

追答

你的意思：是点击后，移走鼠标，背景不会去除？点击别的tr时在去除前一个点击过的tr的背景？

追问

对，就是这样。

追答

var old_tr;//保存已点击的tr
function change(oObj)
{
if(oObj.tagName.toLowerCase() == "tr")
{
for(var i=0;i<table1.rows.length;i++)
{
table1.rows[i].style.backgroundColor = "";
}
oObj.style.backgroundColor = "#CCCCFF";
old_tr = oObj;
}
}
//鼠标点击另外一行时关闭已选行变色
function out(oObj)
{
if(old_tr!=oObj)//判断是不是点击了的tr
{
if(oObj.tagName.toLowerCase() == "tr")
{
oObj.style.backgroundColor = "";
}
}
}
//鼠标移动到选择行上时的行变色
function over(oObj)
{
if(old_tr != oObj)//判断是不是点击了的tr
{
if(oObj.tagName.toLowerCase() == "tr")
{
oObj.style.backgroundColor = "#E1E9FD";
}
}
}

Answer 2

　　您好！很高兴为您答疑！

　　将this作为参数传进来，例如：function over(oObj)，页面中 onmouseover="over(this)" 放在tr里，把oObj = event.srcElement; 删除。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

根据测试结果，这段JS在火狐下是可以的