div.onblur的两个解决方法-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_19589/article/details/82365895

本文详细介绍了如何通过onblur事件及替代方法实现DIV元素失去焦点后的状态变化，包括代码示例及优化建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　关于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.οnclick=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