1. 程式人生 > >(點選div之外的區域使div隱藏)原生js。事件代理和事件冒泡

(點選div之外的區域使div隱藏)原生js。事件代理和事件冒泡

var myDiv = $("#myDiv");
$(function() {
    $("#btn").click(function(event) {
        // showDiv();//呼叫顯示DIV方法
        $(myDiv).toggle();
        $(document).one("click",
        function() { //對document繫結一個影藏Div方法
            $(myDiv).hide();
        });

        event.stopPropagation(); //阻止事件向上冒泡
    });
    $(myDiv).click(function(event) {

        event.stopPropagation(); //阻止事件向上冒泡
    });
});    
function showDiv() {
    $(myDiv).fadeIn();
}