最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

DIV外區(qū)域Click后關(guān)閉DIV的實(shí)現(xiàn)代碼

 更新時(shí)間：2011年12月21日 19:22:15   作者：  
首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點(diǎn)向上傳播，直到有click事件綁定在某一父節(jié)點(diǎn)上，如果沒(méi)有將直至文檔的根
阻止冒泡：
1、stopPropagation()對(duì)于非IE瀏覽器。
2、cancelBubble屬性為true，對(duì)于IE瀏覽器，
而Jquery已經(jīng)有兼容瀏覽器的方法，event.stopImmediatePropagation();
復(fù)制代碼 代碼如下:

<style>
body
　　　　　　{
background:black;
　　　　　　}
#myDiv
　　　　　　{
background: #fff;
width:250px;
height:250px;
display:none;
　　　　　　}
　　</style>
<div id="myDiv">
This is a div;
</div>
<input id="btn" type="button" value="顯示DIV" />
<script type="text/javascript">
　　　　var myDiv = $("#myDiv");
$(function () {
$("#btn").click(function (event) {
showDiv();//調(diào)用顯示DIV方法
$(document).one("click", function () {//對(duì)document綁定一個(gè)影藏Div方法
$(myDiv).hide();
});
event.stopPropagation();//阻止事件向上冒泡
});
$(myDiv).click(function (event) {
event.stopPropagation();//阻止事件向上冒泡
});
});
　　　　function showDiv() {
$(myDiv).fadeIn();
}
</script>

相關(guān)文章

最新評(píng)論

雷山县| 阿瓦提县| 韶关市| 宿松县| 波密县| 石林| 大港区| 怀仁县| 东乌珠穆沁旗| 东城区| 合江县| 金坛市| 抚顺县| 乐都县| 习水县| 龙口市| 博爱县| 同江市| 墨竹工卡县| 富宁县| 双峰县| 杭锦后旗| 大化| 松滋市| 衡水市| 纳雍县| 新绛县| 广州市| 汽车| 申扎县| 漠河县| 麻江县| 寿阳县| 大新县| 黄骅市| 咸宁市| 太保市| 宁都县| 双桥区| 辽阳县| 许昌县|