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. scikit-learn算法选择路径图
			
     原文链接:https://blog.csdn.net/guang_mang/article/details/73658496
    
			
    2. 
						
  2. 蓝桥杯：合并石子（区间DP+平行四边形优化）
			
    http://lx.lanqiao.cn/problem.page?gpid=T414 题意:…… 思路:很普通的区间DP,但是因为n<=1000,所以O(n^3)只能拿90分.上网查了下了解了 ...
    
			
    3. 
						
  3. Codeforces 782B：The Meeting Place Cannot Be Changed（三分搜索）
			
    http://codeforces.com/contest/782/problem/B 题意:有n个人,每个人有一个位置和速度,现在要让这n个人都走到同一个位置,问最少需要的时间是多少. 思路:看上去 ...
    
			
    4. 
						
  4. Codeforces 760C：Pavel and barbecue（DFS+思维）
			
    http://codeforces.com/problemset/problem/760/C 题意:有n个盘子,每个盘子有一块肉,当肉路过这个盘子的时候,当前朝下的这一面会被煎熟,每个盘子有两个数,p ...
    
			
    5. 
						
  5. Python入门基础(2)
			
    如果你是博客园团队,,看到不符合您们要求的地方可否指出来?不要你不符合要求,然后我不符合哪项要求?是要我自己去找么? python条件语句 首先介绍的是if语句,python中的if语句格式如下: i ...
    
			
    6. 
						
  6. 洛谷P1003 铺地毯 noip2011提高组day1T1
			
    洛谷P1003 铺地毯 noip2011提高组day1T1 洛谷原题 题目描述 为了准备一个独特的颁奖典礼,组织者在会场的一片矩形区域(可看做是平面直角坐标系的第一象限)铺上一些矩形地毯.一共有 n  ...
    
			
    7. 
						
  7. mysql in与exists问题剖析
			
    1 问题描述 ​ 发布当天发现一个日志分析的sql,在测试环境上执行良好,1秒内,而在线上环境上,执行要13秒左右. 嵌套sql一步一步分析后,发现出在in上,因时间紧迫,来补不及具体分析原因,尝试使 ...
    
			
    8. 
						
  8. STM32F0_HAL库驱动描述——基于F1的USART串口IT中断实现解析
			
    从原子F103 HAL库基础串口例程来看HAL程序结构: 从main函数开始,首先是HAL库两个函数的初始化: HAL_Init(): Stm32_Clock_Init(RCC_PLL_MUL9);  ...
    
			
    9. 
						
  9. 8086 IO读写操作
			
    如图所示,通过8086来读写io口,实现流水灯以及开关.本电路是基于8086最小模式下的三总线结构添加的,三总线结构原理较为复杂本篇就不对其原理进行介绍了,大家可以自行查阅相关引脚的功能从而实现. 本 ...
    
			
    10. 
						
  10. [leetcode] 135. Candy (hard)
			
    原题 前后两遍遍历 class Solution { public: int candy(vector<int> &ratings) { vector<int> res ...
    
			
    11.