<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<script type="text/JavaScript">
/*阻止 父级dom 事件冒泡*/
function stopPropagation(e) {
alert('onclick button');
e = e || window.event;
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
/* 阻止默认事件冒泡 */
function stopDefault( e ) {
var text = document.getElementById("text");
if(text.value.length == 0){
e = e || window.event;
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false;
alert('input is null');
return false;
}
}
</script>
<body>
<!-- 阻止 父级dom 事件冒泡 -->
<div onClick="alert('out DIV');">
<div onClick="alert('inner DIV');">
<input type="button" value="click" onClick="stopPropagation();"/>
</div>
</div>
<!--阻止默认事件冒-->
<form method="post" action="http://www.baidu.com/" >
<input type="text" id="text" value=""/>
<input type="submit" value="submit" onClick="stopDefault();";/>
</form>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<script type="text/JavaScript">
/*阻止 父级dom 事件冒泡*/
function stopPropagation(e) {
alert('onclick button');
e = e || window.event;
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
/* 阻止默认事件冒泡 */
function stopDefault( e ) {
var text = document.getElementById("text");
if(text.value.length == 0){
e = e || window.event;
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false;
alert('input is null');
return false;
}
}
</script>
<body>
<!-- 阻止 父级dom 事件冒泡 -->
<div onClick="alert('out DIV');">
<div onClick="alert('inner DIV');">
<input type="button" value="click" onClick="stopPropagation();"/>
</div>
</div>
<!--阻止默认事件冒-->
<form method="post" action="http://www.baidu.com/" >
<input type="text" id="text" value=""/>
<input type="submit" value="submit" onClick="stopDefault();";/>
</form>
</body>
</html>