日期:2014-05-16  浏览次数:20321 次

IE7下 OL li标签的onmouseover、out等事件
在IE8下,li标签的事件能正常触发。
兼容模式下[也就是IE7],li标签的事件都不能触发。下面是的动态添加li标签的代码。

newList是一个ol列表,title都能触发,我试过去掉title属性,还是不行。


var li=document.createElement("li");
li.setAttribute("title",document.getElementById("txtTitle").value);
li.setAttribute("onmouseover","showDelete(this)");
li.setAttribute("onmouseout","hiddenDelete()");
li.innerHTML=document.getElementById("txtTitle").value;
document.getElementById("newList").appendChild(li);

------解决方案--------------------
var li=document.createElement("li");
li.setAttribute("title",document.getElementById("txtTitle").value);
li.onmouseover = function(){showDelete(this);};
li.onmouseout=function(){hiddenDelete();};

li.innerHTML=document.getElementById("txtTitle").value;
document.getElementById("newList").appendChild(li);