事件冒泡

来源：互联网发布：移动网络优化工程师编辑：程序博客网时间：2024/06/05 18:28

最近在学习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的时候，我是不会用同一个点击事件的，但他人总有这样写的可能！

阅读全文

0 0