前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

JavaScript中三种绑定事件的方式与去除绑定

首页
2016-07-27 11:40:43
Front-End
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 (<
fe

← JavaScript之面向对象中的封装parsetInt-parsetFloat与eval-isNaN用法 →