请问大牛们,为什么这样弄取消不了默认跳转,还有当nu.stopPropagation();这个语句放在后面却不能实现禁止事件冒泡了

来源:3-1 DOM中的事件对象

Pate

2016-08-29 14:02

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>事件冒泡</title>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="nu"></input>
<a href="自用网页设计.html" id="tgo">跳转</a>
</div>
<Script>
//通过ID获取节点
var tgo=document.getElementById("tgo");
var box=document.getElementById("box");
var nu=document.getElementById("nu");
function mp(){
    alert('good');
}
function maopao(){
    alert('javaScript!');
}
nu.onclick=mp;
nu.stopPropagation();//禁止事件冒泡
tgo.preventDefault();//取消默认跳转
box.onclick=maopao;
</Script>
</body>
</html>

写回答 关注

1回答

  • error_zz
    2016-08-29 16:40:06
    已采纳

    应该写在函数里边  比如:

    function mp(ev){

    ev= ......

    alert("good");

    ev.stopPropagation();

    ...

    }

    Pate 回复error_...

    非常感谢

    2016-08-31 18:25:43

    共 3 条回复 >

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99533 学习 · 1305 问题

查看课程

相似问题