js點(diǎn)擊事件實(shí)現(xiàn)的點(diǎn)擊div區(qū)域外觸發(fā)事件

發(fā)布日期：2017年03月09日文章來源：woicode.cn

amitriptyline for nerve pain online amitriptyline without prescription

amoxil classification click here amoxicillin 500mg capsules for humans

amoxicillin 500mg side effects sestofiorentino.info buy amoxicillin walmart

accutane without birth control reddit blog.paraleap.com accutane without insurance

buy amoxicillin midstreamridgeprimary.co.za amoxicillin 500mg cost

buy naltrexone canada informaticando.net buy naltrexone online cheap

buy sertraline 25mg 9925.org sertraline online

今天來介紹關(guān)于js的知識(shí)吧，在寫前端時(shí)遇到了小麻煩于是找到了關(guān)于點(diǎn)擊div區(qū)域外隱藏div區(qū)域代碼。

首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點(diǎn)向上傳播，直到有click事件綁定在某一父節(jié)點(diǎn)上，如果沒有將直至文檔的根。

阻止冒泡：1、stopPropagation()對(duì)于非IE瀏覽器。2、cancelBubble屬性為true，對(duì)于IE瀏覽器，

而Jquery已經(jīng)有兼容瀏覽器的方法，event.stopImmediatePropagation();

<%--<script type="text/javascript" >

window.onload = function () {

document.onclick = function (e) {

$(".orderDiv").slideUp();

$("#MoreContent").hide();

}

$('#orderBtn').bind("click", function (e) {

if ($(".orderDiv").css("display") == "none") {

$(".orderDiv").slideDown();

} else {

$(".orderDiv").slideUp();

}

e = e || event; stopFunc(e);

});

//阻止向上傳遞事件

$('.orderDiv').bind("click", function (e) {

e = e || event; stopFunc(e);

});

}

function stopFunc(e) {

e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

}

</script>--%>

返回列表

日韩卡一卡二无线乱码新区仙踪林,精品亚洲成a人在线看片,亚洲国产成人资源在线,欧美成人精品a片免费一区百度