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. C#  位运算及实例计算
			
    前言: 平时在实际工作中很少用到这个,虽然都是一些比较基础的东西,但一旦遇到了,又不知所云.刚好最近接触了一些相关这方面的项目,所以也算是对 这些内容重新温习实践了一遍.所以这篇不仅作为个人备忘,也分 ...
    
			
    2. 
						
  2. kubernetes实战之部署一个接近生产环境的consul集群
			
    系列目录 前面我们介绍了如何在windows单机以及如何基于docker部署consul集群,看起来也不是很复杂,然而如果想要把consul部署到kubernetes集群中并充分利用kubernete ...
    
			
    3. 
						
  3. Jenkins+GitLab+Docker+SpringCloud+Kubernetes实现可持续自动化微服务
			
    现有混合云平台的场景下,即有线下和线上的环境,又有测试与正式的场景,而且结合了Docker,导致打包内容有所区分,且服务的发布流程复杂起来,手工打包需要在编译阶段就要根据环境到处更改配置,因此纯手工发 ...
    
			
    4. 
						
  4. 并发编程-concurrent指南-ConcurrentMap
			
    ConcurrentMap 是个接口,你想要使用它的话就得使用它的实现类之一. ConcurrentMap,它是一个接口,是一个能够支持并发访问的java.util.map集合: 在原有java.ut ...
    
			
    5. 
						
  5. JAVA UUID  生成唯一密钥（可随机选择长度）
			
    /**     * 获得指定数目的UUID      * @param number int 需要获得的UUID数量      * @return String[] UUID数组      */    ...
    
			
    6. 
						
  6. 宏旺半导体浅谈存储芯片LPDDR4X与UFS2.1的差别
			
    现在市面上手机参数动不动就是8GB+128GB,手机的这些参数是越大越好吗?这些数字代表什么?宏旺半导体ICMAX给大家科普下. 手机的运行内存RAM——LPDDR4X LPDDR4X为RAM(运存) ...
    
			
    7. 
						
  7. 你懂什么叫js继承吗
			
    说到继承呢?肯定有很多做java的朋友都觉得是一个比较简单的东西了.毕竟面向对象的三大特征就是:封装.继承和多态嘛.但是真正对于一个javascript开发人员来说,很多时候其实你使用了继承,但其实你 ...
    
			
    8. 
						
  8. leetcode的Hot100系列--3. 无重复字符的最长子串--滑动窗口
			
    可以先想下这两个问题: 1.怎样使用滑动窗口? 2.如何快速的解决字符查重问题? 滑动窗口 可以想象一下有两个指针,一个叫begin,一个叫now 这两个指针就指定了当前正在比较无重复的字符串,当再往 ...
    
			
    9. 
						
  9. 【POJ - 2253】Frogger （Floyd算法）
			
    -->Frogger 中文翻译 Descriptions: 湖中有n块石头,编号从1到n,有两只青蛙,Bob在1号石头上,Alice在2号石头上,Bob想去看望Alice,但由于水很脏,他想避免 ...
    
			
    10. 
						
  10. TCP、UDP和HTTP简述整理
			
    http:是用于www浏览的一个协议.tcp:是机器之间建立连接用的到的一个协议. 1.TCP/IP是个协议组,可分为三个层次:网络层.传输层和应用层.在网络层有IP协议.ICMP协议.ARP协议.R ...
    
			
    11.