stopPropagation | preventDefault | return false
stopPropagation | preventDefault | return false
leona_lily 发表于3年前
stopPropagation | preventDefault | return false
  • 发表于 3年前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: stopPropagation | preventDefault | return false
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();
    }
}




共有 人打赏支持
粉丝 9
博文 91
码字总数 37807
×
leona_lily
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: