zoukankan      html  css  js  c++  java
  • js 停止事件冒泡 阻止浏览器的默认行为(阻止a标签跳转 )

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。

    1..停止事件冒泡

    JavaScript代码

    //如果提供了事件对象,则这是一个非IE浏览器
    if ( e && e.stopPropagation )
    //因此它支持W3C的stopPropagation()方法
    e.stopPropagation(); 
    else
    //否则,我们需要使用IE的方式来取消事件冒泡 
    window.event.cancelBubble = true;
    return false;

    2.阻止浏览器的默认行为

    JavaScript代码

              //编辑文章时阻止a标签跳转
                    $("#final_content").find("a").click(function(e){
                        //如果提供了事件对象,则这是一个非IE浏览器 
                            if ( e && e.preventDefault ) {
                                        //阻止默认浏览器动作(W3C) 
                                        e.preventDefault(); 
                                }else{
                                    //IE中阻止函数器默认动作的方式 
                                    window.event.returnValue = false; 
                                    return false;
                                }    
                        });
  • 相关阅读:
    Maven ==> 简介
    IDEA结合GIT的使用
    Shell ==> 基础
    Dubbo ==> 简介
    iptables防火墙
    文件系统对比
    supervisord部署
    inotify+rsync安装配置
    前端插件网址
    Nginx高级玩法
  • 原文地址:https://www.cnblogs.com/LChenglong/p/7153808.html
Copyright © 2011-2022 走看看