求帮助--》页面上有如下元素:
一个input,一个a;
<input onblur="javascript:onblurfunc()"></input><a id="submit_btn" onclick="javascript:onsubclk()"></a>想实现如下功能:
在input里面输入内容后,如果直接点击a所对应的button,默认是要触发input绑定的onblur事件,再触发a所对应的onclick事件。
如果想不触发input绑定的onblur事件,只触发a对应的onclick事件,请问该如何实现?请高手指点一下方向。

解决方案 »

  1.   

    那就不要用onblur事件  或者onblur延时执行一下  大体类似这样试试
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var p="";
    function chu(){
    p=window.setTimeout(onblurfunc,200);
    }
    function onblurfunc(){
    alert("onblur");
    }
    function onsubclk(){
    if(p){
    window.clearTimeout(p);
    }
    alert("click");
    return false;
    }
    </script>
    </head><body>
    <input type="text" onblur="chu()" />
    <a id="submit_btn" onclick="return onsubclk()">click</a>
    </body>
    </html>
      

  2.   

    事件冒泡机制,在<a id="submit_btn" onclick="javascript:onsubclk()"></a>
    的onclick处理方法onsubclk(e)
    最后加入e.stopPropagation();