사업부 트리거 이벤트와 외부를 클릭하면 때 사용 이벤트가 트리거되지 DIV 클릭 이벤트 내에서 달성 버블 링

설명

http://caibaojian.com/javascript-stoppropagation-preventdefault.html

사용 사례

이벤트를 트리거 할 때 외부 사업부를 클릭하면 이벤트를 트리거하지, 사업부에서 클릭합니다.
이것은 모든 훨씬 더 이상의 버튼과 스로틀 버퍼입니다

  • 자신의 사용을 입력하는 트리거, 당신이 입력 다른 곳을 클릭 완료 트리거 계산 컨트롤의 양식을하지 않는 것입니다, 편집 할 수없는 제어를 형성하는 과제가 발생합니다.

특정 코드 :

function div10_onClick(event) {
    //点击#Click时要阻止冒泡,否则.pop是不显示的,
    //因为冒泡了,会执行到下面的方法。
    function stopPropagation(e) {
        var ev = e || window.event;
        if (ev.stopPropagation) {
            ev.stopPropagation();
        }
        else if (window.event) {
            window.event.cancelBubble = true;//兼容IE
        }
    }
    function jie() { // 点击其他地方时触发合计运算
        // 开始计算
        // 取统计表单的值
        
        ...
        ...
        ...
        
        // 可以再次绑定计算结果事件儿
        sumDivBindType = true;
        $(document).unbind('click', jie);
    
    }
    
    // 事件冒泡,并判断是否绑定,true时可以绑定
    stopPropagation(event);
    if(sumDivBindType == true) {
        sumDivBindType = false;
        $(document).bind('click', jie);
    }
}

추천

출처www.cnblogs.com/himonkey/p/11938424.html