首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 p包含在div内 在outer上点击时,target跟currentTarget是一样的,都是div,而在inner上点击时,e.target是p.e.currentTarget是div…
首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素…
在事件处理过程中,会自动生成事件类的实例,并传给侦听器函数.通过这个参数就可以使用事件类的属性和方法.其中target与currentTarget属性是两个很相似的属性. 对于简单的事件处理过程,分清target与currentTarget并没有必要.因为它们一般指向同一个对象.例如,舞台中有一个实例名为mc的影片剪辑实例,通过下面的代码为这个实例注册单击事件. mc.addEventListener(MouseEvent.CLICK,this.test); function test(e:Mo…
在 JS 对象中,调用属性一般有两种方法--点和中括号的方法. 例如 使用点方法 var obj = { name: "cedric" } console.log(obj.name); // cedric 使用 [ ] 方法 var obj = { name: "cedric" } console.log(obj["name"]); // cedric 点方法是在对象名后面跟上属性名,而中括号方法里的索引存放的与属性名字相同的==字符串== .…
event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素 一.事件属性:event.target target事件委托的定义:本来该自己干的事,但是自己不干,交给别人来干 例子1 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=&q…
1.offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离.以元素盒子模型的内容区域的左上角为参考点.不包括border.2.clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3.pageX事件对象相对于整个文档的坐标以像素为单位.4.screenX事件对象相对于设备屏幕的左上角的坐标,当改变屏幕的分辨率的时候,坐标会随之改变. 以上除了screenX/Y以设备像素为单位,其他都是以css像素为单位下面以一个实例来解释说明 <!…
前言 在平时的开发中,非常讨厌的就是兼容性了,兼容性的问题总会让我们记忆混淆,所以这次来区分一下event对象中的常用获取鼠标位置. clientX clientY event.clientXevent.clientY client直译就是客户端,客户端的窗口就是指游览器的显示页面内容的窗口大小(不包含工具栏.导航栏等等). event.clientX.event.clientY就是用来获取鼠标距游览器显示窗口的长度. client范围 兼容性:IE和主流游览器都支持. offsetX offs…
判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式. 一.点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined.当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链有该属性,则会返回原型链上的属性值.   // 创建对象 let test = {name : 'lei'} // 获取对象的自身的属性 test.name //"lei" test["name"] //…
var obj= {} 1.JS对象添加新属性 obj.address="shenzhen" 2.JS删除对象中的某一属性(delete) var obj= { height: , , weight: , hobby: { ball: 'good', music: 'nice' } } delete obj.hobby 已声明的对象不可删除, 对象中的对象属性可以删除…
通过 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…