关于DIV的ONBLUR,IE支持,FF不支持 ff支持 mouseover mouseout
1.document.onclick
fff
function test () {
document.getElementById("div2").style.display="";
document.getElementById("div2").focus();
}
function hide (event) {
event=(event==null)?window.event:event;
var div2=document.getElementById("div2");
var div1=document.getElementById("div1");
var target_test=event.target?event.target:event.srcEle ment;
(target_test!=div2) && (target_test!=div1)?div2.style.display='none':null ;
}
document.onclick=hide;
虽然没有用onblur,但是实现的效果是同样的
2.tabindex="0"
fff33
function test () {
document.getElementById("div4").style.display="";
document.getElementById("div4").focus();
}
function hide () {
var div2=document.getElementById("div4");
div2.style.display='none';
}
这个实现的比较简单,但是不好的地方是div有一个虚线框,不晓得有没有办法去掉
本文来自优快云博客,转载请标明出处:http://blog.youkuaiyun.com/saiusky/archive/2009/08/06/44 19429.aspx
1.document.onclick
fff
function test () {
document.getElementById("div2").style.display="";
document.getElementById("div2").focus();
}
function hide (event) {
event=(event==null)?window.event:event;
var div2=document.getElementById("div2");
var div1=document.getElementById("div1");
var target_test=event.target?event.target:event.srcEle ment;
(target_test!=div2) && (target_test!=div1)?div2.style.display='none':null ;
}
document.onclick=hide;
虽然没有用onblur,但是实现的效果是同样的
2.tabindex="0"
fff33
function test () {
document.getElementById("div4").style.display="";
document.getElementById("div4").focus();
}
function hide () {
var div2=document.getElementById("div4");
div2.style.display='none';
}
这个实现的比较简单,但是不好的地方是div有一个虚线框,不晓得有没有办法去掉
本文来自优快云博客,转载请标明出处:http://blog.youkuaiyun.com/saiusky/archive/2009/08/06/44 19429.aspx
使用onblur与事件替代实现DIV焦点变化效果
本文详细介绍了如何通过onblur事件及替代方法实现DIV元素失去焦点后的状态变化,包括代码示例及优化建议。

被折叠的 条评论
为什么被折叠?



