jQuery中return false,e.preventDefault(),e.stopPropa

時間 2019-11-11

標籤 jquery return false e.preventdefault preventdefault e.stoppropa stoppropa 欄目 JQuery 简体版

原文原文鏈接

e.stopPropagation()阻止事件冒泡

<head>
    <title></title>
    <script src="Scripts/jQuery-1.4.1.js" type="text/JavaScript"></script>
</head>
<body>
    <table>
        <tr>
            <td><span>冒泡事件測試</span></td>
        </tr>
    </table>
</body> javascript

咱們先看這段代碼： java

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

有的時候咱們不但願事件冒泡咋辦？ spa

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

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

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

<a href="http://www.baidu.com">測試</a> get

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

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

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

相關標籤/搜索

try..return..catch..return..finally...return

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。