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(); }