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

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

“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;
其他
...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这个问题也是老生常谈了,写这篇文章的主要目的是进行下梳理,了解自己知识点的掌握程度,也希望对大家有所帮助。 在说如...
    一木_qintb阅读 4,329评论 1 4
  • 在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制...
    晴風阅读 778评论 0 0
  • 什么是事件: 我们可以简单的把事件理解为浏览器的感知系统。比如说:他可以感觉到用户是否点击(click)了页面、鼠...
    张松1366阅读 6,847评论 1 6
  • 首先我们必须感谢这个伟大的时代,让每个人的生命有了更大的选择空间,更多的可能。同时,这也衍生了前所未有的选择...
    一匹马来了阅读 211评论 3 0
  • 这周给我唯一的印象就只有一个,快。没有任何目的,上课睡觉,下课了又去上班,除了工资没什么得益。我的生活一直以来都没...
    不倒樱桃树阅读 242评论 0 1