1.事件句柄的包含如下两个方法：

ps：使用句柄的好处是，修改方法的名称时，不需要改变多处

1.添加一个句柄，

2.添加多个句柄不会覆盖，运行结果：点击“按钮”，弹出框hello，确定后，自动弹出框world

3.句柄的移除：运行结果：点击按钮，只会弹出world对话框

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button id="btn">按钮</button>
<script>
  var x=document.getElementById("btn");
  x.addEventListener("click",demo1);    //添加句柄
  x.addEventListener("click",demo2);    //添加句柄
  x.removeEventListener("click",demo1);   //移除句柄
  function demo1(){
    alert("hello");
  }
  function demo2(){
    alert("world");
  }
</script>
</body>
</html>

问题：添加句柄函数括号内究竟该怎么写呢，看帮助看不出来
方式1： 
x.addEventListener("click",demo2) 方式1demo2为方法名
方式2：

												


											
第三天：DOM EventListener 句柄的添加和移除的更多相关文章
	

    
								
  1. DOM操作——JavaScript怎样添加、移除、移动、复制、创建和查找节点
		
    (1). 创建新节点 createDocumentFragment() // 创建一个DOM片段 createElement() // 创建一个具体的元素 createTextNode() // 创建 ...
    
		
    2. 
						
  2. DOM - EventListener 句柄操作
		
          <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...
    
		
    3. 
						
  3. JavaScript HTML DOM EventListener
		
    JavaScript HTML DOM EventListener addEventListener() 方法 实例 点用户点击按钮时触发监听事件: document.getElementById(& ...
    
		
    4. 
						
  4. 给DOM生成的元素添加事件
		
    问题:通过js给页面添加新元素,并给该元素添加绑定事件,但新添加的元素上却没有绑定任何事件. 常见例子:在处理表格的时候,每行行末有个删除按钮,如下图.点击删除按钮的时候删除这一行. //html部分 ...
    
		
    5. 
						
  5. DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。
		
    DOM操作 --如何添加.移除.移动.复制.创建和查找节点等. (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个 ...
    
		
    6. 
						
  6. JS基础速成（三）-  DOM（文件对象模型）
		
    .t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.DOM树的基本结构 DOM节点分为三大类:元素节点(标签节点),属性节 ...
    
		
    7. 
						
  7. JavaScript（三、DOM文档对象模型）
		
    一.什么是DOM DOM 是 Document Object Model(文档对象模型)的缩写. DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: &q ...
    
		
    8. 
						
  8. 将HTML字符转换为DOM节点并动态添加到文档中
		
    将HTML字符转换为DOM节点并动态添加到文档中 将字符串动态转换为DOM节点,在开发中经常遇到,尤其在模板引擎中更是不可或缺的技术. 字符串转换为DOM节点本身并不难,本篇文章主要涉及两个主题: 1 ...
    
		
    9. 
						
  9. 手写面试编程题- 数组去重  深拷贝  获取文本节点  设置奇数偶数背景色  JS中检测变量为string类型的方法  第6题闭包  将两个数组合并为一个数组  怎样添加、移除、移动、复制、创建和查找节点？  继承  对一个数组实现随机排序  让元素水平 垂直居中的三种方式  通过jQuery的extend方法实现深拷贝
		
    第1题==>实现数组去重 通过 new Set(数组名) // var arr = [12, 12, 3, 4, 5, 4, 5, 6, 6]; // var newarr1 = new Set ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. jquery 选择器汇总
			
    jQueryAPI_1.7.1_CN.chm下载地址http://download.csdn.net/detail/zhai123_/6459563 jquery 选择器大体上可分为4 类: 1.基本 ...
    
			
    2. 
						
  2. python基础05 缩进与选择
			
    作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 缩进 Python最具特色的是用缩进来标明成块的代码.我下面以if选择结构来举例. ...
    
			
    3. 
						
  3. yum命令指南
			
    yum check-update  检查可更新的所有软件包 yum update  下载更新系统已安装的所有软件包yum upgrade  大规模的版本升级,与yum update不同的是,连旧的淘汰 ...
    
			
    4. 
						
  4. Spring day02笔记
			
    spring day01回顾 编写流程(基于xml) 1.导入jar包:4+1 --> beans/core/context/expression | commons-logging 2.编写目 ...
    
			
    5. 
						
  5. 2.openssl rsa/pkey
			
    分别是RSA密钥的处理工具和通用非对称密钥处理工具.它们用法基本一致,所以只介绍openssl rsa. [root@xuexi tmp]# man rsa NAME rsa - RSA key pr ...
    
			
    6. 
						
  6. VC++  MFC中如何将应用程序的配置信息保存到注册表中（二）
			
    在上一篇中介绍了几个写入注册表数据和读取注册表数据的接口,并介绍了使用方法. 这一片教你如何使得你的应用程序在下次打开时保持上一次关闭前的状态. 在上一篇添加的代码的基础上,要添加WM_CLOSE消息 ...
    
			
    7. 
						
  7. 论垃圾邮件危害性及U-Mail邮件系统必杀技
			
    阿里集团今年“双十一电商节”又一次突破了去年营收,创造了新的历史.相信在电商日益渗入生 活的今天,你在日常工作中一定收到过某店铺发来的推广邮件,的确,邮件如今被电商广泛应用于消费者购物各环节,但是在其 ...
    
			
    8. 
						
  8. fastJson顺序遍历JSON字段
			
    fastJson在把json格式的字符串转换成JSONObject的时候,使用的是HashMap,所以排序规则是根据HASH值排序的,如果想要按照字符串顺序遍历JSON属性,需要在转换的时候指定使用L ...
    
			
    9. 
						
  9. 监听EditText变化---TextWatcher 类用法详解
			
    http://www.cnblogs.com/yjing0508/p/5316985.html TextWatcher textWatcher = new TextWatcher() { @Overr ...
    
			
    10. 
						
  10. Java NIO教程 前言
			
    阅读本文前,建议你先了解 旧I/O NIO 是 New I/O 的缩写,要了解它真正的内涵,需要掌握的知识还是比较多的.我努力在这几篇笔记里,勾勒出整个io的面貌.为大家的深入学习铺路. I/O简史  ...
    
			
    11.