JavaScript中三种绑定事件的方式与去除绑定
- 绑定事件的第1种办法:
- 函数写在结构层里面
- 非常不好,使页面很混乱,行为与结构得不到分离
<input type="button" onclick="func();">
@前端进阶之旅: 代码已经复制到剪贴板
- 绑定事件的第2种办法
-
好处:行为与结构开始分离
-
缺点:
- 第二种绑定方式中
- 只能给一个时间绑定一个处理函数
- 即.
onclick = fn1;.onclick = fn2最终的效果是onclick = fn2
-
<select name="xueli" >
<option value="">请选择学历</option>
<option value="大学" >大学</option>
<option value="中学">中学</option>
<option value="初中">初中</option>
<option value="小学">小学</option>
</select>
<form action="">
<p>Email:<input type="text" name="email">
姓名:<input type="text" name="ming" >
</p>
</form>
@前端进阶之旅: 代码已经复制到剪贴板
document.getElementsByTagName('select')[0].onclick= function (){
alert('嘻嘻');
}
document.getElementsByName('email')[0].onblur=function (<