stopPropagation | preventDefault | return false

2019独角兽企业重金招聘Python工程师标准>>>

stopPropagation()

// 在弹出对话框上点击时, 不进行任何页面操作, 并阻止冒泡

   document.getElementById('dialog').onclick= function(ev) { ev.stopPropagation();};

   ie下是 ev.cancelBubble = false;

  自理解：阻止其他事件

  preventDefault()

<a id="link" href="http://w3c.org">W3C 首页链接</a> 

<script>

// 在新窗口, 打开页面

document.getElementById('link').onclick = function(ev) {

// 阻止浏览器默认动作 (页面跳转)

ev.preventDefault();

// 在新窗口打开页面

window.open(this.href); };

</script>

  自理解：阻止比如a标签里面默认的href跳转这样的行为，就是阻止默认的行为操作

return false

  自理解：阻止事件接下来的操作，针对某一事件而言

--------------end------

function cancelBubble(evt) {
    // 阻止事件冒泡
    if (window.event) {
        // Chrome,IE6,Opera
        window.event.cancelBubble = true;
    } else {
        // FireFox 3
        evt.stopPropagation();
    }
}

转载于:https://my.oschina.net/leonaLily/blog/398625