美文网首页
js return false 和 阻止事件冒泡 、阻止默认事件

js return false 和 阻止事件冒泡 、阻止默认事件

作者: 为何活着 | 来源:发表于2016-09-28 15:17 被阅读0次

有错误欢迎指出,一定及时修改

“return false”方法会终止元素的默认行为、阻止事件冒泡、以及其他实际场景的用处;
function () {
    ...
    return false;
}

return false的多项功能

终止默认行为(IE和非IE)
var stopDefault = function (e) {
    <!--判断是否传入事件对象-->
    if (e) {
        <!--e存在则为非IE浏览器, 支持W3C的标准方法preventDefault()-->
        e.preventDefault();
    }else {
        <!--e不存在则为IE浏览器,使用returnValue属性结束默认时间;-->
        window.event.returnValue=false;
    }
}
- a链接的跳转
- 单选框、复选框的选中和取消选中
- submit的表单提交
- ...
阻止事件冒泡(IE和非IE)
var stopBubble = function (e) {
    <!--判断是否传入事件对象-->
    if (e) {
        <!--e存在则为非IE浏览器, 支持W3C的标准方法stopPropagation()-->
        e.stopPropagation();
    }else {
        <!--e不存在则为IE浏览器,使用cancelBubble属性取消冒泡事件;-->
        window.event.cancelBubble=true;
    }
}
结束循环
<!---查找是否存在value 为“first”的input。ps:可能有更好的方法,此处只是作为一个简单的例子-->
$('input').each(function () {
    <!--定义查询状态标记,初始值为false-->
    var findFlag = false;
    if ("first" == $(this).val()) {
        <!--查询到相关结果,设置状态为true;-->
        findFlag = true;
        <!--终止循环-->
        return false;
    }
    <!--返回查询状态-->
    return findFlag;
})
返回错误标志
return false;
其他
...

相关文章

网友评论

      本文标题:js return false 和 阻止事件冒泡 、阻止默认事件

      本文链接:https://www.haomeiwen.com/subject/adghyttx.html