<body>
<form action=""id="form1">
<input type="text" name="username">
<input type="submit" value="提交 ">
</form>
<script>
var ele=document.getElementById("form1");//时间绑定的主要方法
ele.onsubmit=function (e) {//onsubmit事件，点击就会触发此事件执行此函数
//e(event)是事件对象,会封装信息，比如按了回车键，这个键的信息就封装存放在e中
//alert(1234)
//console.log("hello")
//return false//不写return false 默认向后端发送文本框输入内容，
// 写了return false 就停止不发到后端，文本框无法刷新
e.preventDefault()//阻止默认事件和return false 相同用法
}
</script>
<body>
<!--事件传播：1和2的公共部分无法确定是谁的，通过stoppropagation限定1就是1的不是二的，不允许事件扩散-->
1<div class="outer" onclick="fun2()">
<div class="inner" ></div>
</div>
<script>
2 var ele=document.getElementsByClassName("inner")[0];
ele.onclick=function (e) {
alert("i am inner");
e.stopPropagation();//通过他判定小的就是小的，不算大的
}
1 function fun2() {
alert("i am outer")
}
</script>
