JavaScript的event对象中

event.target指代的是:触发事件的元素

event.currentTarget指代的是:事件绑定的元素

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>Document</title>

    </head>

    <body>

        <div id="test">

            <span>aaa</span>

            <span>bbb</span>

            <span>ccc</span>

        </div>

        <script>

            document.getElementById('test').addEventListener('click', function(ev){

                var ev = ev || window.event;

                console.log(ev.target);

                console.log(ev.currentTarget);

            }, false);

        </script>

    </body>

</html>



												


											
JavaScript的event对象的更多相关文章
	

    
						
  1. (转)javascript中event对象详解
		
    原文:http://jiajiale.iteye.com/blog/195906 javascript中event对象详解          博客分类: javaScript JavaScriptCS ...
    
		
    2. 
								
  2. 【JAVASCRIPT】event对象
		
    一.preventDefault  与 stopPropagation event.preventDefault() 和 event.stopPropagation() 不是JQuery的方法,是JS ...
    
		
    3. 
						
  3. 【好文收藏】javascript中event对象详解
		
    event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromEleme ...
    
		
    4. 
						
  4. javascript 获取event对象
		
    //转载处 http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.html 非常详细 先从一个简单的例子说起,一个简单的button控件如 ...
    
		
    5. 
						
  5. javascript之event对象
		
    注意:以下给出的是在IE下的event事件说明,如果应用在非IE下可能会出现兼容性问题,需要结合具体的应用环境,使用兼容性的函数来处理 1.altKey 描述: 检查alt键的状态. 语法: even ...
    
		
    6. 
						
  6. 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
		
    总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕,于是决定做个图来区分一下(画得我手那个酸呀....) 先总结下区别: event.c ...
    
		
    7. 
						
  7. javascript高级程序设计---Event对象
		
    事件是一种异步编程的实现方式,本质上是程序各个组成部分之间传递的特定消息. DOM的事件操作(监听和触发),都定义在EventTarget接口 该接口就是三个方法,addEventListener和r ...
    
		
    8. 
						
  8. javascript事件与event对象的属性
		
    javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
    
		
    9. 
						
  9. JavaScript基础--DOM对象（十三）:（windows对象：history\location\navigator\screen\event）
		
    DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. RobotFramework + HTTP接口自动化实现
			
    一.          什么是自动化测试? 1.      定义 自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程,也可以说是软件测试的一种技术手段. 2.      常见工具 Appium ...
    
			
    2. 
						
  2. DataBinding的用法
			
    一.基本介绍 DataBinding数据绑定库是一种支持库,借助该库,可以使用声明性格式(而非程序化地)将布局中的界面组件绑定到应用中的数据源.这是官方给出的介绍. 那么为什么要使用DataBindi ...
    
			
    3. 
						
  3. CSU 1808：地铁（Dijkstra）
			
    http://acm.csu.edu.cn/csuoj/problemset/problem?pid=1808 题意:…… 思路:和之前的天梯赛的一题一样,但是简单点. 没办法直接用点去算.把边看成点 ...
    
			
    4. 
						
  4. Spring Boot 最流行的 16 条实践解读，你值得收藏！
			
    Spring Boot是最流行的用于开发微服务的Java框架.在本文中,我将与你分享自2016年以来我在专业开发中使用Spring Boot所采用的最佳实践.这些内容是基于我的个人经验和一些熟知的Sp ...
    
			
    5. 
						
  5. mysql 终端命令
			
    1.打开数据库 /usr/local/MySQL/bin/mysql -u root -p 2.输入root密码 3.使用我的数据库 use mysql 4.查看表 desc table_name 5 ...
    
			
    6. 
						
  6. 存储账户静态网站与Azure CDN
			
    背景 把静态网站或文件托管在对象存储上,有很多可能很多好处,比如说:可以节省成本,因为相对虚机更便宜:性能更优,因为可以依赖于对象存储本身的高吞吐以及 CDN 的:更好的高可用性,因为也可以依赖于对象 ...
    
			
    7. 
						
  7. 02(a)多元无约束优化问题
			
    2.1 基本优化问题 $\operatorname{minimize}\text{    }f(x)\text{       for   }x\in {{R}^{n}}$ 解决无约束优化问题的一般步骤 ...
    
			
    8. 
						
  8. 灵雀云CTO陈恺应邀出席国泰君安信息产业投资峰会，探讨全球科技产业新格局
			
    2019年7月9-10日,国泰君安信息产业投资峰会在上海陆家嘴举办.作为国内容器PaaS领域的龙头公司,灵雀云受邀出席本次大会,在“数字化转型从云做起”的论坛中,CTO陈恺发表了<云原生助力企业 ...
    
			
    9. 
						
  9. Java虚拟机详解（三）------垃圾回收
			
    如果对C++这门语言熟悉的人,再来看Java,就会发现这两者对垃圾(内存)回收的策略有很大的不同. C++:垃圾回收很重要,我们必须要自己来回收!!! Java:垃圾回收很重要,我们必须交给系统来帮我 ...
    
			
    10. 
						
  10. .NET CORE上传文件到码云仓库【搭建自己的图床】
			
    .NET CORE上传文件到码云仓库[搭建自己的图床] 先建一个公共仓库(随意提交一个README文件或者.gitignore文件保证master分支的存在),然后到gitee的个人设置页面找到[私人 ...
    
			
    11.