我的一个输入框,有一个onfocus获得焦点响应函数,还有一个onblur失去焦点响应函数。当焦点就在这个输入框时,我在其它空白的地方点击,但是onblur并没有被执行,直到当我点击其他输入框、按钮,或者点击tab键时,onblur才执行。我想实现的功能是:只要鼠标离开输入框,并点击,onblur就执行。请问该怎么实现?

解决方案 »

  1.   

    不会啊
    <input type="text" onblur="javascript:alert('失去焦点');" />
    鼠标离开输入框,并点击,onblur就执行。
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head2" runat="server">
      <title>焦点onblur</title>
      <script type="text/javascript">
      function mouseout(){
         var content = document.getElementById("txtContent");
            alert("失去焦点!");
      }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <input id="Text1" type="text" style="width:150px;"  onblur="javascript:mouseout();" />
      </div>
      </form>
    </body>
    </html>
    这样?????????
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head2" runat="server">
      <title>焦点onblur</title>
      <script type="text/javascript">
      function mouseout(){
         var content = document.getElementById("txtContent");
            alert("失去焦点!");
      }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <input id="Text1" type="text" style="width:150px;"  onblur="javascript:mouseout();" />
      </div>
      </form>
    </body>
    </html>
      

  4.   

    var obj= $E("input-text");
    obj.addEventListener("blur", function(e) {
    if (!obj.value) {
    obj.value = "随时随地轻松交友";
    obj.style.height = "40px";
    }
    }, false);<textarea style="display: inline-block; height: 40px; color: rgb(0, 0, 0);" id="input-text">
    随时随地轻松交友
    </textarea>
      

  5.   

    if (!obj.value)是这个判断的问题?没有输入是好像不进入的
      

  6.   

    按道理说你鼠标在其他地方点击,就是失去这个文本框的焦点,是不是由于浏览器的区别呢? IE 5或者以上版本使用attacjEvent("onblur",function(e){})注册事件!
      

  7.   

    你直接在body里添加点击事件,在这个输入框里添加鼠标移出和鼠标移进事件
    var out = true;
    移出事件里写out=true;
    移近事件里写out=false;
    点击事件判断out是true还是false,是true就说明失去焦点了
    最后在判断失去焦点情况下用javascript控制这个输入框失去焦点
      

  8.   

    打错了..是attacchEvent("onblur",function(){});