Question

Javascript 中的event.srcElement 以及 event.target ???

废话不说了, 我的代码如下, IE下运行正常, 但FF下无法运行:

/*鼠标移上时的JS样式*/
function Mover()
{
var obj = event.srcElement ? event.srcElement:event.target;

if (obj.tagName=="LI")
{
obj.style.borderTop = 'solid 1px #79b2d6';
obj.style.borderBottom = 'solid 1px #79b2d6';
}

if (obj.tagName=="A")
{
obj.parentElement.style.borderTop = 'solid 1px #79b2d6';
obj.parentElement.style.borderBottom = 'solid 1px #79b2d6';
}

}

不用解释道理, 请直接告诉我怎么修改代码, 不胜感激.

Answer 1

function Mover(event) {
event = event? event: window.event
var obj = event.srcElement ? event.srcElement:event.target;
if (obj.tagName=="LI") {
obj.style.borderTop = 'solid 1px #79b2d6';
obj.style.borderBottom = 'solid 1px #79b2d6';
}
if (obj.tagName=="A") {
obj.parentNode.style.borderTop = 'solid 1px #79b2d6';
obj.parentNode.style.borderBottom = 'solid 1px #79b2d6';
}
}

改三个地方
1.调用方法函数时加event参数，如<li onMouseOver="Mover(event)">aaa</li>,event是浏览器对象
2.先根据浏览器获得event， event = event? event: window.event
3.使用parentNode属性，parentElement只支持ie