html 冒泡事件拦截,冒泡事件 阻止默认行为

无标题文档

.d3{

width:60px;

height:60px;

border:1px solid red;

}

.d2{

width:40px;

height:40px;

border:1px solid red;

}

.d1{

width:20px;

height:20px;

border:1px solid red;

}

用户名：

$(".d1").bind("click",function(event){//event时间对象 当点击元素时 事件对象被创建 事件处理函数执行完后 事件对象被销毁

$(this).css("background","yellow");

event.stopPropagation();//停止事件冒泡 或者return false;

})

$(".d2").bind("click",function(event){

$(this).css("background","pink")

event.stopPropagation();

})

$(".d3").bind("click",function(event){

$(this).css("background","#000")

event.stopPropagation();

})

$(function(){

$("#sub").bind("click",function(event){

var username=$("#username").val();

if(username==""){

$("#msg").html("

文本框的值不能为空

");

event.preventDefault();//阻止默认行为 或者用return false;

}

})

})