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. 并发编程-concurrent指南-阻塞队列-优先级的阻塞队列PriorityBlockingQueue
			
    PriorityBlockingQueue是一个支持优先级的无界阻塞队列. 它使用了和类 java.util.PriorityQueue 一样的排序规则.你无法向这个队列中插入 null 值. 所有插 ...
    
			
    2. 
						
  2. Jmeter实时监控+SpringBoot接口性能实战
			
    性能测试 Jmeter实时监控+SpringBoot接口性能实战 自动化 SpringBoot Java Jmeter实时监控+SpringBoot接口性能实战 一.实验目的及实验环境 1.1.实验目 ...
    
			
    3. 
						
  3. vue项目缓存最佳实践
			
    需求 在开发vue的项目中有遇到了这样一个需求:一个视频列表页面,展示视频名称和是否收藏,点击进去某一项观看,可以收藏或者取消收藏,返回的时候需要记住列表页面的页码等状态,同时这条视频的收藏状态也需要 ...
    
			
    4. 
						
  4. HBase学习笔记一
			
    HBase简介 HBase概念 HBase的原型是谷歌的Bigtable论文 HBase是一个高可靠性.高性能.面向列.可伸缩的分布式存储系统,利用HBase技术可在廉价PC上搭建起大规模结构化存储集 ...
    
			
    5. 
						
  5. JSP之BBS论坛网站的创建
			
    游戏论坛 工具:myeclipse10.0版本 Tomacat是在外部导入的apache-tomcat-7.0.93 JDK版本为1.6.0_13 字符编码统一为utf-8 一．建立数据库(chat) ...
    
			
    6. 
						
  6. [WPF自定义控件库]了解WPF的布局过程，并利用Measure为Expander添加动画
			
    1. 前言 这篇文章介绍WPF UI元素的两步布局过程,并且通过Resizer控件介绍只使用Measure可以实现些什么内容. 我不建议初学者做太多动画的工作,但合适的动画可以引导用户视线,提升用户体 ...
    
			
    7. 
						
  7. STM32F072从零配置工程-自定义时钟配置详解
			
    从自己的板子STM32F407入手,参考官方的SystemInit()函数: 核心在SetSysClock()这个函数,官方默认是采用HSE(设定为8MHz)作为PLL锁相环的输入输出168MHz的S ...
    
			
    8. 
						
  8. Java编程思想：构建复杂模型
			
    import sun.nio.cs.Surrogate; import java.util.ArrayList; import java.util.Random; public class Test  ...
    
			
    9. 
						
  9. ASP.NET CORE 入门教程（附源码）
			
    ASP.NET CORE 入门教程 第一课 基本概念 基本概念 Asp.Net Core Mvc是.NET Core平台下的一种Web应用开发框架 符合Web应用特点 .NET Core跨平台解决方案 ...
    
			
    10. 
						
  10. RSA premaster secret error 错误解决
			
    报错信息如下: Caused by: com.microsoft.sqlserver.jdbc.SQLServerException: 驱动程序无法使用安全套接字层(SSL)加密与 SQL Serve ...
    
			
    11.