js问题,就是 有个div 上面有个函数 onclick="fuction1()"   然后div 里面有个控件input,里面也有个函数 onclick="function2()",  现在点击input,发现function1 ,和function2都执行了,怎样才能点击input 才能执行function2,不执行function1

解决方案 »

  1.   

    冒泡.
    参见:
    http://www.cnblogs.com/rixinren/archive/2010/04/06/1705812.html
      

  2.   

    <html> 
    <head> 
    <title> 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)</title> 
    <meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" />
    <script language="JavaScript"> 
    function f1(){
    alert("div")
    }
    function f2(obj,evt){
    alert("text");
    var e=(evt)?evt:window.event;
    if (window.event) { 
    e.cancelBubble=true; 
    } else { 
    e.stopPropagation(); 

    }
    </script>
    </head>
    <body>
    <div id="d1" onclick="f1();"><input type="text" id="t1" onclick="f2(this.id);">abdefasd</div></body>
    </html>