事件冒泡 深碍√TFBOYSˉ_ 2021-06-24 15:56 425阅读 0赞 最近在学习[vue.js][]，看到 修饰符 部分遇到了一个知识点：.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()。那么问题来了，event.preventDefault()是搞毛的？（我是后端开发） <BODY onclick="alert('aaa');"> <div onclick="alert('bbb');"> <a href="#" class="cooltip" title="这是我的超链接提示1。" onclick="alert('ddd');">提示</a> </div> </BODY> 上面这段代码一共有三个事件 body，div，a都分别绑定了单击事件。在页面中当单击a标签会连续弹出3个提示框。这就是**事件冒泡**引起的现象。事件冒 泡的过程是：a –> div –> body 。a冒泡到div冒泡到body。 jquery中可用用preventDefault()的方法来阻止元素的默认行为. $('#submit').bind('click', function(event) { var username = $('#username').val(); if (username == "") { alert('用户名不能为空!'); event.preventDefault(); //阻止默认行为 } }) // event.preventDefault(); 改写为： return false; 其实，我个人觉得，如果我在写html的时候，我是不会用同一个点击事件的，但他人总有这样写的可能！ [vue.js]: http://cn.vuejs.org/v2/guide/syntax.html#%E4%BF%AE%E9%A5%B0%E7%AC%A6
还没有评论，来说两句吧...