多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置：首頁 > 互聯網 > jQuery中return false,e.preventDefault(),e.stopPropagation()的區別

jQuery中return false,e.preventDefault(),e.stopPropagation()的區別

來源：程序員人生   發布時間：2014-10-09 03:36:52 閱讀次數：1900次

e.stopPropagation()阻止事件冒泡

<head>
    <title></title>
    <script src="http://cordial99.blog.163.com/blog/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
</head>
<body>
    <table>
        <tr>
            <td><span>冒泡事件測試</span></td>
        </tr>
    </table>
</body>

我們先看這段代碼：

    <script type="text/javascript">
        $(function () {
            $("table").click(function () { alert("table alert"); });
            $("td").click(function () { alert("td alert"); });
            $("span").click(function (){
                    alert("span alert");
            });
        });
    </script>

我們會看到這樣的情況：span alert -> td alert -> table alert。這就叫事件冒泡。就是從下到上，從里到外，事件依次觸發。

有的時候我們不希望事件冒泡咋辦？

    <script type="text/javascript">
        $(function () {
            $("table").click(function () { alert("table alert"); });
            $("td").click(function () { alert("td alert"); });
            $("span").click(function (e){
                    alert("span alert");      
                    e.stopPropagation();
            });
        });
    </script>

如果想獲得事件相關信息，就要給匿名方法加一個e對象，e就是事件對象。

 

e.preventDefault()阻止事件默認行為。


$("a").click(function (e) {
     alert("默認行為被禁止嘍");
     e.preventDefault();
});

<a href="http://cordial99.blog.163.com/blog/http://www.baidu.com">測試</a>

 

 

return false等效于同時調用e.preventDefault()和e.stopPropagation()

 

return false除了阻止默認行為之外，還會阻止事件冒泡。如果手上有一份jquery源代碼的話，可查看其中有如下代碼：

if (ret===false){
　　event.preventDefault();
　　event.stopPropagation();
}

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
為碼而活
積分：4237
15粉絲
7關注
欄目熱點
關閉
程序員人生
主站蜘蛛池模板： 亚洲一区二区三区不卡视频 | 国产欧美日本在线 | 久久久久国产成人精品 | 国产成人啪精品午夜在线播放 | 国产精品久久久久国产精品三级 | 波多野结衣在线免费视频 | 国产第一页精品 | 亚洲 欧美 校园 | 中文字幕在线免费观看 | 日本二区免费一片黄2019 | 亚洲免费久久 | 真实国产精品视频国产网 | 性freexxxxhd欧美在线 | 中文字幕亚洲一区二区三区 | 色啪视频 | www.91在线播放 | 国产中文字幕在线视频 | 可以看黄的网址 | 久久精品国产久精国产80cm | 国产日本高清 | 五月天免费在线视频 | 欧美日韩亚洲精品一区二区 | 俺去操 | 影音先锋色天使 | 国产裸舞福利在线视频合集 | 日本xxx护士与黑人 日本xxx网站 | 久久爱18 | 日本网站在线 | 日本一区二区三区四区在线观看 | 欧美成人午夜片一一在线观看 | 在线观看视频 | 亚洲成年网站 | 国产精品福利影院 | xxxxx影院| 2021久久精品永久免费 | 亚洲伊人久久大香线蕉在观 | 欧美日韩久久毛片 | 青青青青手机在线视频观看国产 | 欧美日韩亚洲第一页 | 精品国产亚洲人成在线 | 秋霞免费一级毛片 |