事件冒泡 深碍√TFBOYSˉ_ 2021-06-24 15:56 426阅读 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
还没有评论,来说两句吧...