【Event对象中的target属性和currentTarget属性的区别】的更多相关文章

Event对象中的target属性和currentTarget属性的区别

先上结论: Event.target:触发事件的元素: Event.currentTarget:事件绑定的元素: 通过下面的例子来理解这两个属性的区别: 使用Event.target属性的例子:(我在<body>和<button>上都绑定了click事件) <body onclick="mouseEvent1()"> <button onclick="mouseEvent2()">点我</button> &…

JS:event对象下的target属性和取消冒泡事件

1.target 通过获取DOM元素 var box = document.getElementById("box"); document.box.onclick = function(){  alert(123);//123 } event对象下的target方法 :获取事件的目标,不用document.getElementById("box")即可获取目标; 但是target方法支持ie9以上的浏览器器,Chrome,ff,IE9以下的是不支持的. //W3C下…

[1]区分event对象中的[clientX,offsetX,screenX,pageX]

前言 在平时的开发中,非常讨厌的就是兼容性了,兼容性的问题总会让我们记忆混淆,所以这次来区分一下event对象中的常用获取鼠标位置. clientX clientY event.clientXevent.clientY client直译就是客户端,客户端的窗口就是指游览器的显示页面内容的窗口大小(不包含工具栏.导航栏等等). event.clientX.event.clientY就是用来获取鼠标距游览器显示窗口的长度. client范围 兼容性:IE和主流游览器都支持. offsetX offs…

event对象中 target和currentTarget 属性的区别。

首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素…

小程序开发 event对象中 target和currentTarget 属性的区别。

首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 p包含在div内 在outer上点击时,target跟currentTarget是一样的,都是div,而在inner上点击时,e.target是p.e.currentTarget是div…

当调用对象中不存的方法、属性时，__getattr__的应用场景

一.Python中创建类和实例的调用顺序 new(cls) 创建对象前调用,如果类中没定义,会一直向父类找,直到object的 new 方法创建类.cls代表类本身 init(self) 创建类实例后调用,同理.self代表实例本身 call(self, *args, **kwargs) 如果类实现了这个方法,相当于把这个类型的对象当作函数来使用,相当于 重载了括号运算符 二.实例调用自身方法属性时的查找顺序 python属性查找 深入理解(attribute lookup)…

【ASP.NET】DataContract序列化，反序列化对象中包含用接口声明的属性时的处理方法

为此对象添加KnownType属性(Attribute).类型为用接口声明的属性(Property)的所有可能类型.  示例如下: public interface IKey { [DataMember] int Id { get; set; } [DataMember] string Name { get; set; } } [DataContract] public abstract class KeyBase : IKey { [DataMember] public int Id { ge…

event对象中offsetX,clientX,pageX,screenX的区别

1.offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离.以元素盒子模型的内容区域的左上角为参考点.不包括border.2.clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3.pageX事件对象相对于整个文档的坐标以像素为单位.4.screenX事件对象相对于设备屏幕的左上角的坐标,当改变屏幕的分辨率的时候,坐标会随之改变. 以上除了screenX/Y以设备像素为单位,其他都是以css像素为单位下面以一个实例来解释说明 <!…

Lua-面向对象中函数使用时冒号(:)和点(.)的区别

先来看一段简单的代码: local Animal = {} function Animal:Eat( food ) print("Animal:Eat", self, food) end function Animal.Sleep( time ) print("Animal.Sleep", self, time) end Animal:Eat("grass") Animal.Eat("grass") Animal:Sleep(…

彻底弄懂小程序e.target与e.currentTarget

一.小程序中关于事件对象  e  的属性中有两个特别重要的属性:target与currentTarget属性:对于这两个属性,官方文档上的解释是: target:事件源组件对象 currentTarget:当前组件对象 可能这两句解释有点官方,反正我一开始看的时候是稀里糊涂.丈二和尚摸不着头脑,为了弄清楚它们之间的区别,我写了一个简单的代码,代码如下: 1 <view id="outter" bindtap="tap1"> 2 outer view 3…

AS3中 Event 类的target和currentTarget属性

在事件处理过程中,会自动生成事件类的实例,并传给侦听器函数.通过这个参数就可以使用事件类的属性和方法.其中target与currentTarget属性是两个很相似的属性. 对于简单的事件处理过程,分清target与currentTarget并没有必要.因为它们一般指向同一个对象.例如,舞台中有一个实例名为mc的影片剪辑实例,通过下面的代码为这个实例注册单击事件. mc.addEventListener(MouseEvent.CLICK,this.test); function test(e:Mo…

javascript事件与event对象的属性

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围…

JavaScript的事件对象中的特殊属性和方法（鼠标，键盘）

鼠标操作导致的事件对象中的特殊属性和方法 鼠标事件是 Web 上面最常用的一类事件,毕竟鼠标还是最主要的定位设备.那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等 鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件,因此检测按钮的信息并不是必要的 但对于 mousedown 和 mouseup 事件来说,则在其 event 对象存在一个 button 属性,表示按下或释放按钮 <script type="text/javascript">…

Python进阶（3）_进程与线程中的lock（线程中互斥锁、递归锁、信号量、Event对象、队列queue）

1.同步锁 (Lock) 当全局资源(counter)被抢占的情况,问题产生的原因就是没有控制多个线程对同一资源的访问,对数据造成破坏,使得线程运行的结果不可预期.这种现象称为“线程不安全”.在开发过程中我们必须要避免这种情况,那怎么避免?这就用到了互斥锁了. 例如: import threading,time def sub(): global num #对全局变量进行操作 temp=num time.sleep(0.001) #模拟线程执行中出现I/o延迟等 num=temp- #所有线程对…

JavaScript之面向对象学习二(原型属性对象与in操作符)获取对象中所有属性的方法

1.原型属性对象于in操作符之in单独使用 有两种方式使用in操作符:单独使用和在for-in循环中使用.在单独使用中,代码如下: function Person(){ } Person.prototype.name="张三"; Person.prototype.age=22; Person.prototype.job="coder"; Person.prototype.sayName=function(){ alert(this.name); } var pers…

e.target与e.currentTarget的区别

在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两者的区别,因此有必要把这两个属性好好梳理一下,加深理解,以便日后的查询. MDN中对target的解释为,一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时. 而对于currentTarget,它指的是当事件遍历DOM时,标识事件的当前目标.它总是引用事件处理程序附加到的元素,而不是event.target,它标识事件发生的元素. 举个例子来说明. 事件冒泡阶段…

JS--事件对象中部份浏览器不兼容方法

测试时主要用的浏览器是Firefox 28.0.IE11.IE8.Chrome 34.0  一.什么是事件对象:当触发某个事件的时候,会产生一个事件对象,这个对象包含着所有的与事件有关的信息,包括导致事件的元素.事件的类型.以及其它与特定事件相关的信息. 事件对象:我们一般称作为event对象,这个对象是浏览器通过函数把这个对象作为参数传递过来的,可以通过arguments来获得函数传递过来的参数. function box(){ alert(arguments.length); } box()…

Event对象、队列、multiprocessing模块

一.Event对象 线程的一个关键特性是每个线程都是独立运行且状态不可预测.如果程序中的其他线程需要通过判断某个线程的状态来确定自己下一步的操作,这时线程同步问题就 会变得非常棘手.为了解决这些问题,我们需要使用threading库中的Event对象. 对象包含一个可由线程设置的信号标志,它允许线程等待某些事件的发生.在初始情况下,Event对象中的信号标志被设置为假.如果有线程等待一个Event对象,而这个Event对象的标志为假,那么这个线程将会被一直阻塞直至该标志为真.一个线程如果将一个E…

JavaScript的event对象

JavaScript的event对象中 event.target指代的是:触发事件的元素 event.currentTarget指代的是:事件绑定的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div…

Js event对象offsetX，pageX，screenX，clientX详解

   平时在测量元素位置时难以确定,下面给出具体的event对象中的各种属性,以便日后使用.   检测相对于浏览器的位置:clientX和clientY     当鼠标事件发生时,鼠标相对于浏览器左上角的位置      检测相对于文档的位置:pageX和pageY     当鼠标事件发生时,鼠标相对于文档左上角的位置.(IE7/8无)(类似于event.clientX和event.clientY)          检测相对于屏幕的位置:screenX和screenY     当鼠标事件发生时,…

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性. 一.测试代码如下: <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>Javascript</title> <st…

Python--同步锁（互斥锁）、死锁（状态）、递归锁、信号量、Event对象

同步锁/互斥锁 (Lock) import time import threading def sub(): global num #在每个线程中都获取这个全局变量 #num-=1 temp=num time.sleep(0.1) num =temp-1 # 对此公共变量进行-1操作 num = 100 #设定一个共享变量 thread_list = [] for i in range(100): t = threading.Thread(target=sub) t.start() thread…

JS中的可枚举属性与不可枚举属性以及扩展

在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的.可枚举性决定了这个属性能否被for…in查找遍历到. 一.怎么判断属性是否可枚举 js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍历其中的属性: var num = new Number(); for(var pro in num) { console.log("num." + pro + " = "…

event对象的理解

0.给对象绑定事件准确的说是给对象事件绑定事件函数 1.event:事件对象,当一个事件发生的时候,和当前这个对象发生的事件有关的信息都会被i临时保存到event对象中 2.event对象必须在一个事件调用的函数里面才有对应事件的内容 3.事件触发时调用的函数,叫做事件函数,一个函数是不是事件函数,取决于这个函数是不是当前被调用 4.IE9+.Chrome:event是一个内置全局对象,也可以通过事件函数第一个参数传入 IE9-:event时内置全局变量,不能当作参数传入 Firefox(标准下…

vue根据数组对象中某个唯一标识去重

由于在vue中,会自动在数组和对象中加入_obser__观察者模式的一些属性,所以直接用数组的filter去重(下面这种),indexOf不能准确识别 var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7]; var arr2 = arr.filter(function(x, index,self) { return self.indexOf(x)===index; }); console.log(arr2); //[1, 2, 3, 4, 5, 6 ,7] 或者用ES…

python的类属性、实例属性、类方法、静态方法

类属性 就像如下代码: class Person: name = "张三" # 共有类属性 __age = 18 # 私有类属性 在类中直接定义的属性就是类属性,它被所有的实例对象所共有. 对于共有类属性,在类外可通过类对象和实例对象访问. 例如: class Person: name = "张三" # 共有类属性 __age = 18 # 私有类属性 p = Person() print(p.name) # 通过实例对象访问共有属性 print(Person.na…

The related functions and attributes for managing attributes - 操作属性的重要属性和函数

特性 property 都是类属性(静态变量),但是特性管理的其实是实例属性的存取, ****** 回顾 -'类方法' classmethod 和 '静态方法' staticmethod 皆可以访问类的静态变量(类变量),但不能访问实例变量(即类方法中定义的变量) 示例1 - 实例属性'覆盖'同名类属性(attribute);但不会'覆盖'同名的类特性(property), class C(object): c = 'It is class\'s attribute' @property def…

JavaScript事件属性event.target和currentTarget 属性的区别。

event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素 一.事件属性:event.target target事件委托的定义:本来该自己干的事,但是自己不干,交给别人来干 例子1 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=&q…

js事件中的event对象

addEvent(oDiv,"click",function(event){ console.log(event.bubbles+"事件是否冒泡"); console.log(event.cancelable +"是否可以取消默认行为") console.log(event.defaultPrevented+"DOM3新增,是否已经调用了preventDefault()"); console.log(event.target)…

Event 对象的属性和方法

事件触发时,会将一个 Event 对象传递给事件处理程序,比如: document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false); 事件类型 DOM 事件类型是分为 UIEvent.UIEvent:KeyEvent.UIEvent:MouseEvent,不同的事件有不同的属性和方法,但常用的来说我们都不…