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. JavaScript原型和原型链（ prototype  与 __proto__ ）
			
    一.函数对象 所有引用类型(函数.数组.对象)都拥有__proto__属性(隐式原型) 所有函数拥有 prototype 属性(显式原型)(仅限函数) 原型对象:拥有 prototype 属性的对象, ...
    
			
    2. 
						
  2. 教你用VMware Workstation Pro 12 安装XP系统
			
    转     https://jingyan.baidu.com/article/ff42efa9102da3c19e220219.html
    
			
    3. 
						
  3. python logging模块使用总结
			
    目录 logging模块 日志级别 logging.basicConfig()函数中的具体参数含义 format参数用到的格式化信息 使用logging打印日志到标准输出 使用logging.base ...
    
			
    4. 
						
  4. Python基础-组织列表
			
    1.字符串的几个常用方法 name = ''adb lovelace '' name.title() 首字母大写 name.upper() 全部大写 name.lower() 全部小写 2.组织列表操 ...
    
			
    5. 
						
  5. leadcode的Hot100系列--206. 反转链表
			
    这里使用两种方式, 一个是直接从头往后遍历 -------> 迭代 一个是从最后一个往前遍历 -----> 递归 迭代 定义三个变量:pPre pNext pNow pPre表示当前节点的 ...
    
			
    6. 
						
  6. 我在生产项目里是如何使用Redis发布订阅的？（二）Java版代码实现（含源码）
			
    上篇文章讲了在实际项目里的哪些业务场景用到Redis发布订阅,这篇文章就讲一下,在Java中如何实现的. 图解代码结构 发布订阅的理论以及使用场景大家都已经有了大致了解了,但是怎么用代码实现发布订阅呢 ...
    
			
    7. 
						
  7. 寻觅Azure上的Athena和BigQuery (二)：神奇的PolyBase
			
    前情回顾 在“数据湖”概念与理论逐渐深入人心的今天,面向云存储的交互式查询这个需求场景显得愈发重要.这是因为原生的云存储(主要指S3这样的对象存储)既能够容纳大容量的明细数据,又能在性能和成本间取得一 ...
    
			
    8. 
						
  8. SSAS Tabular关系设计--时间最小粒度维度
			
    这两天设计的T2模型,涉及日期维度表中粒度的选择,因为一般实际销售达成ACT表是按天为标准记录的,而销售目标表TGT一般是按月记录,特此总结一下建模技巧. 数据仓库: 时间维度表,最小粒度为DATE. ...
    
			
    9. 
						
  9. JavaScript函数及闭包
			
    前面一片文章讲到过一点函数,了解到每声明一个函数就会产生一个作用域.而外面的作用域访问不了里面的作用域(把里面的变量和函数隐藏起来),而里面的可以访问到外面的.对于隐藏变量和函数是一个非常有用的技术. ...
    
			
    10. 
						
  10. Baozi Leetcode solution 1036: Escape a Large Maze
			
    Problem Statement In a 1 million by 1 million grid, the coordinates of each grid square are (x, y) w ...
    
			
    11.