DOM this, currentTarget, Target

最新推荐文章于 2025-08-13 17:52:54 发布
最新推荐文章于 2025-08-13 17:52:54 发布
阅读量50 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 测试 javascript ViewUI
原文链接：http://www.cnblogs.com/daishuguang/p/3432594.html
本文探讨了MVC模式在JavaScript开发中的实践，通过多个链接深入解析如何使用MVC来实现DOM操作、代码分层及提高代码维护性。重点突出MVC模式在功能实现、代码组织与维护方面的价值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

http://www.w3cmm.com/javascript/this-currenttarget-target.html

 

about mvc

this one is not recommend: http://alistapart.com/article/javascript-mvc

 

this one is very nice: http://alexatnet.com/articles/model-view-controller-mvc-javascript

 

http://net.tutsplus.com/tutorials/javascript-ajax/using-javascripts-prototype-with-mvc/

 

http://howtodoinjava.com/2013/06/24/implement-mvc-and-pubsub-in-javascript/

 

MVC is just a solution of DOM opration.

 

 

Function and performance is for user

maintainable is for ourself

 

所谓的模式|MVC实际上是 |代码分层|

 

重心放在功能上，比如滚动，兼容性，插件，等等，浏览器检测等等。

模式只是让代码更加的易于维护而已。

 

MVC是操作DOM，可以看作是功能，而不是模式。

 

转载于:https://www.cnblogs.com/daishuguang/p/3432594.html

【DOM】DOM事件中target和currentTarget
ColdCoder的博客
04-08 842
DOM事件中target和currentTarget的概念： target和currentTarget都是事件对象中的属性 target是指获取事件的目标，是触发事件的真实元素 currentTarget是指其事件处理程序当前正在处理事件的那个元素，是事件绑定的元素 DOM事件中this和currentTarget的关系： 在事件处理程序内部，对象this始终等于currentTarget的值。 DOM事件中target和currentTarget的关系: 相等：当事件处理程序直接绑定在目标元素上
DOM中currentTarget和target的区别
zhuifeng0zhuri1的博客
09-21 185
currentTarget和target的区别 currentTarget是绑定事件的元素，也是事件处理函数中，this指向的元素。 target是事件触发的真实元素 当事件是元素自身触发时，target和currentTarget指向相同元素（触发事件的元素） 当事件是子元素触发时，target指向的是子元素，currentTarget指向的是当前元素（事件冒泡） ...
DOM事件中target和currentTarget的区别
欣欣博客
03-07 461
target是事件触发的真实元素 currentTarget是事件绑定的元素 事件处理函数中的this指向是中为currentTarget currentTarget和target，有时候是同一个元素，有时候不是同一个元素 （因为事件冒泡） 当事件是子元素触发时，currentTarget为绑定事件的元素，target为子元素 当事件是元素自身触发时，currentTarget和target为同一个元素。 <body> <ul id="box"> <Li.
currentTarget与target
a1013774673的博客
10-11 158
currentTarget和target都是 2 级 DOM 事件标准定义的属性. currentTarget:返回其事件监听器触发该事件的元素，是事件传播过程中经过的节点对象，它可能与target属性相同（目标阶段），也可能是target属性对应节点的祖先节点（捕获附页或冒泡阶段）。 target:返回触发此事件的元素（事件的目标节点），是直接触发事件的节点对象，是整个事件流的最底...
this,target,currentTarget区别讲解
chuaizepipp202729的专栏
07-19 238
event.target 说明：引发事件的DOM元素。 this和event.target的区别 js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点 this和event.tar...
javascript对象之this、currentTarget和target
JAVA AND GIS
09-19 1172
原文链接：http://www.jb51.net/article/28122.htm target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。 ----------------
js target和currentTarget
fXy_during的博客
06-19 691
JS中mouseover事件的注意点最近做的项目遇到了这样一个问题： select 标签在实际操作中并不灵活 ， 不光是它的样式想要修改很麻烦，用js或者Jquery来控制选中项也是麻烦的 具体体现在通过js操作选中项之前都会清空所有option的selected，不然即便是option已经设置了它的selected为true，但是select依然会选中DOM节点中第一个selected为tru
target和currentTarget区别
wuqiongqiong_的博客
01-11 3236
比较难区分的事件对象：target和currentTarget target:触发事件的某个具体对象。 currentTarget:绑定事件的对象，恒等于this（非ie的dom2级事件中，ie事件中this指向window），可能出现在事件流的任意一个阶段中 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，（一般target用的也比较多）但有一种情
事件获取目标 currentTarget target srcElement 三者之间的区别和联系
weixin_34080571的博客
05-09 1252
currentTarget 指的是触发事件的当前对象，可以是冒泡和捕获的对象，不一定是点击或者鼠标移入等事件的直接触发对象。可以是他的父元素等。 target 指的是事件触发的直接对象。IE有兼容问题。 srcElement 和target相同，firFox不兼容。 获取直接目标对象的兼容写法 var target = e.target || e.srcElement t...
target与currenttarget区别
03-16
3. 当事件在DOM树中传播时，target属性不会改变，而currentTarget属性会随着事件的传播而改变。 4. 当事件处理函数中使用this关键字时，它指向的是currentTarget属性所指向的元素。 总的来说，target和...
vue绑定事件后获取绑定事件中的this方法
10-18
在大多数情况下，`element.currentTarget`和`element.target`是一致的，除非事件处理函数是在事件冒泡路径上的父元素中定义的。 关于`this`的获取，当我们在模板中直接引用方法时，Vue会自动设置`this`为当前Vue...
JavaScript中this关键字使用方法详解
10-31
若想获取触发事件的DOM元素，可以使用事件对象的`target`属性或`event.currentTarget`属性。 ##### 3. 使用DHTML方式在事件处理函数中使用`this`关键字 与上一种方式类似，但直接将函数赋值给元素的事件属性，此时...
e.target和e.currentTarget有什么区别
07-23
我们正在讨论事件处理中的两个重要属性：e.target 和 e.currentTarget。 在事件冒泡或捕获过程中，这两个属性代表不同的DOM节点。 简单来说： - e.target：指的是触发事件的原始元素（即事件最初发生的元素）。 ...
接口自动化测试
让每一行代码都有改变世界的力量。
08-11 454
本文介绍了接口测试与自动化测试的核心知识。首先阐述了接口的概念，包括程序内部接口和系统对外接口，以及接口测试的重要性。详细讲解了如何执行接口测试，包括测试用例设计、参数组合、安全验证等内容。 第二部分重点介绍了接口自动化测试，包括流程设计、框架选择（pytest）、断言机制、参数化实现等关键技术。特别是对pytest框架进行了深入讲解，涵盖用例规则、配置文件、fixture使用等方面。
如何培养自己工程化的能力（python项目）
m0_46322965的博客
08-10 893
培养 Python 项目的工程化能力需要系统性训练，以下从。
【软件测试】用例篇 — 详解
我的博客
08-12 770
介绍了测试用例的基本概念，如何设计出一个好的测试用例，设计测试用例常用的方法，举例：微信提现的测试用例
Pytest项目_day15（yaml）
最新发布
丿罗小黑的博客
08-13 232
YAML是一种通用的数据序列化格式，具有高可读性，适合配置文件和数据结构存储。它支持三种数据结构：键值对（对象）、数组和基本数据类型。YAML字典的写法要求外层键顶格，内层键缩进两格；数组元素前需加短横线"-"并缩进。元素可以是字典或数组，通过换行和短横线分隔。YAML提供了灵活的语法，字典可以使用花括号{}显式声明（需加逗号），也可以省略。相比JSON和INI，YAML在配置文件中更具优势，解析成本低且功能更强大。
怎么选择复杂的第三方软件测试机构?软件验收怎么降低风险？
2503_92839163的博客
08-12 590
机构专业度和验收成功率是挂钩的。好的第三方软件测试机构会给缺陷预防路线图，架构级的优化建议能少积点技术债，测试数据治理得好，验收效率才高。验收时争议多不多，跟机构技术权威性反着来，风控做得好不好，看的是检测够不够深，不是报告有多少页。
接口测试之postman使用场景
2302_82334306的博客
08-13 115
F12抓包获取url、请求方法、请求体的数据格式、请求体请求方式选POST，输入url地址请求 body 选 raw,并选择 application/json类型；【raw选择application/json类型后,会自动添加请求头部参数Content-Type: application/json】输入json格式的请求参数【检查Body里用到的JSON格式很重要，以确保数据正确。检测的工具比如：https://jsonformatter.curiousconcept.com/】
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值