您现在的位置:首页 >> 前端 >> 内容

去掉子元素继承于父元素的事件

时间:2017/2/9 11:11:00 点击:

  核心提示:去掉子元素继承于父元素的事件,只需要在子元素的函数结束的时候返回false这样整个函数就会认为返回失败,就不会再走父元素的函数。例如:dl class=selectdt id=DSelectiinpu...
去掉子元素继承于父元素的事件,只需要在子元素的函数结束的时候返回false
这样整个函数就会认为返回失败,就不会再走父元素的函数。

例如:

<dl class="select">
    <dt id="DSelect">
        <i><input id="org_in" value="a"/></i>
        <em></em>
    </dt>
    <dd id="Dtree" class="dtree">
             
    </dd>
</dl>
//父元素的绑定监听
//下拉菜单
$("#DSelect").on("click",function(ev){          
    ev.stopPropagation();
    $(this).next("dd").stop().slideToggle();
     
});
//子元素绑定监听
$("#DSelect em").on("click",function(){
    var param={};
    param["obj/ORG_NAME"]=$("#org_in").val();
    $.post('com.pns.panoramicwh.panwh.querylocation.biz.ext',param,function(result){            
        if(result.rows.length>0){                
            var lat=result.rows[0].LATITUDE;//维度
            var lon=result.rows[0].LONGITUDE;//经度
            $("#org_in").val(result.rows[0].ORG_NAME);
            //WhMgt.ShowWHPos(result.rows[0].ORGNO);//加载单位下的点
            frm_mapView.MapManage.redirect(lon,lat);
        }else{
            alert('没有地理位置');
            return;
        }               
     
    });
});
//这样如果点击子元素的话,只要不报错,会连带着父元素的绑定函数一块执行;
//现在如果不想执行父元素的函数,只需要在子元素的函数结束的位置增加return
//false,即可
//子元素绑定监听
$("#DSelect em").on("click",function(){
    var param={};
    param["obj/ORG_NAME"]=$("#org_in").val();
    $.post('com.ds.panoramicwh.panwh.querylocation.biz.ext',param,function(result){         
        if(result.rows.length>0){                
            var lat=result.rows[0].LATITUDE;//维度
            var lon=result.rows[0].LONGITUDE;//经度
            $("#org_in").val(result.rows[0].ORG_NAME);
            //WhMgt.ShowWHPos(result.rows[0].ORGNO);//加载单位下的点
            frm_mapView.MapManage.redirect(lon,lat);
        }else{
            alert('没有地理位置');
            return;
        }               
     
    });
    return false;
});

 

作者:网络 来源:niu1870363