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事件合集
			
    1.在input输入数据时执行的事件(边输入边触发事件) $("input[id='subjectNum']").bind('input propertychange', func ...
    
			
    2. 
						
  2. NHibernate系列文章十二：Load/Get方法
			
    摘要 NHibernate提供两个方法按主键值查找对象:Load/Get. 1. Load/Get方法的区别 Load: Load方法可以对查询进行优化. Load方法实际得到一proxy对象,并不立 ...
    
			
    3. 
						
  3. SQL Server添加MDW性能监控报表(转载)
			
    10.2 Data Collector与MDW Data Collection功能是SQL SERVER 2005版本提供的数据库监控报表的功能,通过定时地对数据库的语句运行情况,服务器各种资源的监控 ...
    
			
    4. 
						
  4. Servlet的过滤器Filter
			
    Servlet 编写过滤器 Servlet 过滤器可以动态地拦截请求和响应,以变换或使用包含在请求或响应中的信息. 可以将一个或多个 Servlet 过滤器附加到一个 Servlet 或一组 Serv ...
    
			
    5. 
						
  5. 【转】linux下skype的安装使用
			
    http://hi.baidu.com/24_jason/item/f85725306c7dbcf5df2221ca Fedora 18/17, CentOS/RHEL/SL 6.3 安装 Skype ...
    
			
    6. 
						
  6. 【转载】Fast Inserts to PostgreSQL with JDBC and COPY FROM
			
    source: http://rostislav-matl.blogspot.com/2011/08/fast-inserts-to-postgresql-with-jdbc.html Thanks  ...
    
			
    7. 
						
  7. MongoDB-MMS使用总结
			
    环境:阿里云 系统:ubuntu 12.04 数据库:MongoDB shell version: 2.0.4 登录MMS,注册相应用户 根据文档开始安装:Install the Monitoring ...
    
			
    8. 
						
  8. jQuery鼠标事件汇总
			
    鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. 1.click事件:点击鼠标左键时触发 $('p').click(function(){}); 示例: $('p').click(func ...
    
			
    9. 
						
  9. kali 虚拟机开启mysql:3306 供主机访问.
			
    mysql -u root -p use mysql; update user set host='ip' where user='root'; //更新访问权限 flush privileges;  ...
    
			
    10. 
						
  10. information_schema系列之字符集校验（CHARACTER_SETS，COLLATIONS，COLLATION_CHARACTER_SET_APPLICABILITY）
			
    1:CHARACTER_SETS 首先看一下查询前十条的结果: root@localhost [information_schema]>select * from CHARACTER_SETS  ...
    
			
    11.