javascript解决多事件冲突的问题(冒泡行为、默认行为)
2014-06-15 13:09
471 查看
(1)阻止多事件的冒泡
就是一个div包着以个input 相隔控件都被绑定了事件
你只想执行input控件的事件不想执行div事件
用下面这句话:
e.stopPropagation()
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
event.stopPropagation();
}
);
(2)阻止默认行为
比如给一个submit控件绑定了click事件
但是只想促发click不想促发提交submit事件
就用下面这句话:
e.preventDefault();
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
event.preventDefault();
}
);
(3)阻止默认行为跟冒泡行为
return false
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
return false;
}
);
就是一个div包着以个input 相隔控件都被绑定了事件
你只想执行input控件的事件不想执行div事件
用下面这句话:
e.stopPropagation()
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
event.stopPropagation();
}
);
(2)阻止默认行为
比如给一个submit控件绑定了click事件
但是只想促发click不想促发提交submit事件
就用下面这句话:
e.preventDefault();
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
event.preventDefault();
}
);
(3)阻止默认行为跟冒泡行为
return false
代码块:
$("input").bind(
"click",
function(event){
alert("hehe");
return false;
}
);
相关文章推荐
- javascript阻止冒泡和默认事件(默认行为)
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 冒泡 解决过多节点绑定事件的问题
- javascript阻止事件冒泡和浏览器的默认行为
- JQUERY中的事件处理:return false、阻止默认行为、阻止冒泡以及兼容性问题
- javascript阻止事件冒泡和浏览器的默认行为
- JQUERY中的事件处理:RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题
- JavaScript 事件流(事件要素/普通事件/事件绑定/事件冒泡/阻止冒泡/阻止默认行为)
- jQuery中的事件处理:return false、阻止默认行为、阻止冒泡以及兼容性问题
- javascript中阻止事件冒泡,阻止事件默认行为
- JavaScript事件冒泡和阻止默认行为和阻止事件冒泡(转载)
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 阻止事件冒泡 与 浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- JQUERY中的事件处理:RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript-阻止事件冒泡和事件默认行为
- javascript如何阻止事件冒泡和默认行为