ie ff 兼容的 div失去焦点效果

最新推荐文章于 2020-01-16 14:44:16 发布

转载最新推荐文章于 2020-01-16 14:44:16 发布 · 2.6k 阅读

收录于

div+css

当前文章被收录于：

div+css

21 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文提供了一个使用JavaScript实现的简单示例，展示了如何检测页面上div元素焦点的切换，并通过弹窗提示的方式告知用户焦点的变化情况。该示例利用了document.onmousedown事件监听器来跟踪用户的鼠标点击行为。

<script>
var oldobj=null;//获得焦点的div
document.onmousedown=Hanlder;
function Hanlder(e)
{
 e=e?e:window.event;
 var tag=e.srcElement?e.srcElement:e.target;
 if(tag.tagName=="DIV")
 {
  if(oldobj==null)
     oldobj=tag;
  else if(oldobj!=tag)
  { 
    oldobj=tag;
    setTimeout("alert('我失去了输入焦点!')",10);    
  }
 }
 else if(oldobj!=null)
 {

    oldobj=null;//把div焦点对象清除
    setTimeout("alert('我失去了输入焦点!')",10);
 }
}
</script>
<div style="width:100px; height:100px; background-color:#0099FF;">aaa</div>
<input type="text"/>
<div style="width:100px; height:100px; background-color:#0099FF;">bbb</div>