当前位置:首页 > 日记 > 正文

事件对象的JS和JQ的差异分析

事件对象的JS和JQ的差异分析
代码测试:

复制代码代码如下所示:

测试文本
test.addeventlistener(点击功能(e){ console.log(E);},假),

$(# test),(听到咔哒声,功能(e){ console.log(E)});
结果分析:

复制代码代码如下所示:

JS JQ事件常见:{

AltKey:假,

泡泡:真的,

按钮:0,

可撤销:真,

ClientX:58,

ClientY:13,

CtrlKey:假,

offsetx:50,

offsety:5,

PageX:58,

PageY:13,

ScreenX:58,

Screeny:122,

视图:窗口,

其中:1,

类型:点击,

时间戳:1407761742842,

MetaKey:假,

relatedtarget:空,

目标:DIV #测试 / * JQ EVT的目标不是jQuery选择器匹配,可以捕获事件的第一要素,然后泡了当一个选择器匹配的元素。

},

JS JQ事件差异:{

看来,currentTarget:空 / * * /一般是空的

| | div #测试 / * JQ选择器匹配的元素在{ } currentTarget属性,

eventphase:0 | | 2,

toelement:DIV #试验

},

js事件独奏:{

X:58,

y:13,

cancelbubble:假,

CharCode:0,

clipboarddata:未定义,

DataTransfer:空,

defaultprevented:假,

srcelement:DIV #试验,

fromelement:空,

细节:1,

KeyCode:0,

LayerX:58,

LayerY:13,

返回:真

},

JQ事件独奏:{

按钮:未定义,

数据:未定义,

听是谁delegatetarget:DIV #测试 / *这就是元素,

isdefaultprevented:功能,

HandleObj:对象,

jquery211024030584539286792:真,

originalevent:MouseEvent,

ShiftKey:假

}

主体单击委托事件:{

htmlbodyelement currentTarget,

DelegateTarget:htmlbodyelement,

htmldivelement目标:

}
总结:

在JS的事件参数,无论是目标,toelement,srcelement指向第一个触发事件的元素(不泡),和fromelement空,在单击事件如果你设置包含父容器的父事件的诸多要素,然后触发事件可能是父元素的孩子。

因此,在实际应用中,如果您想引用父级,只能使用此

在JQ事件参数,

CurrentTarget is the element that matches your selector, that is what you want.

delegatetarget是听事件的元素,属于委托元。

js事件参数中的目标和目标是触发事件的第一个元素。没有currentTarget是有用的(或,例如,在bodyclick事件)。

有些学生可能会说,你必须用这个直接引用设备的元素。你怎么理解currentTarget和目标这个想法证明了您将使用jQuery,而您还没有使用像骨干这样的工具。

很多地方都有这个功能,所以不可能在它的功能中使用它:

复制代码代码如下所示:

VaR视角= backbone.view.extend({

EL:document.body,

事件:{

P:'showtext p点击 / /身体监控客户端事件},

showtext:功能(e){

var p = e.currenttarget; / / {选择器匹配的元素this.log currentTarget }(p.innerhtml); / /看,这不是指P元素},

日志:函数(MSG){

console.log(MSG);

}

});
虽然JS,JQ事件对象非常相似,但也有一些其他的地方,你知道吗

相关文章

程序设计语言中的十六种正则匹配

程序设计语言中的十六种正则匹配

正则匹配,程序设计语言,六种,电脑软件,它是由0-9,a-f.the具有10对应的关系是:0-9对应0-9;A-F对应10-15;氮的数量可由0所表示的数(n-1)超过9的字母a-f。 它是由字符:012345679abcdef 在C语言中的16进制数必须以0x。例如,0x1表示一个数的16。1是一…

在FLV或MP4等格式的视频文件在网站

在FLV或MP4等格式的视频文件在网站

显示,网站,上都,类型,视频文件,在一个网站,发现视频文件,如FLV,MP4格式可以正常播放本地,但是机器,就不会发展,主要是由于不正确的MIME类型扩展,解决方法如下,有兴趣的朋友可以参考哈萨克斯坦 做一个网站的时候,发现视频文件,如FLV,MP4格式,可以播放本…

PS图象处理软件用魔术棒工具来抠图

PS图象处理软件用魔术棒工具来抠图

抠图,工具,图象,魔术,处理软件,魔术棒是一个由PS图象处理软件提供相对快速的抠图工具,对于一些图像边界越明显,通过魔棒工具可以快速拔出图像,然后用魔术棒工具PS图象处理软件如何抠图萧边在这里介绍一下。 在这里,我们介绍了如何利用PS图象处…

它的美丽uff01amazing美PS创意海报

它的美丽uff01amazing美PS创意海报

创意,美丽,海报设计,电脑软件,PS,让我们一起分享一组令人惊叹的美丽PS创意海报。真的很漂亮。推荐它,一起享受它。 首席设计师真的是蛮拼的,女孩是蛮漂亮的,我想这应该是最高层次的美丽足以让人眼前一亮!创意+美女,让你的心灵在突破的时候,享受视…

PS教程:绘制逼真的龙图标

PS教程:绘制逼真的龙图标

教程,图标,绘制,逼真,电脑软件,本教程是用PS教程介绍栩栩如生的龙图标的制作过程,不难,制作过程比较简单,可以充分发挥你的想象力,通过改变一些参数可以得到新的作品,你来试试吧。 本教程是介绍使用ps渲染过程绘制栩栩如生的龙图标,教程不难,制作…

2014推荐的21个最热的Javascript框架

2014推荐的21个最热的Javascript框架

框架,推荐,最热,电脑软件,Javascript,接下来,我们将介绍21最流行的Javascript框架2014,特别是为前端开发人员设计的。众所周知,Javascript框架是Javascript编程语言的最佳特性之一。 Javascript框架是一个预写的Javascript库,提供了一种更简单的方式来开发基于Javascript的应用。这…

如何在ps中从映像复制到另一个路径

如何在ps中从映像复制到另一个路径

路径,映像,如何在,电脑软件,ps,如何在ps中从映像复制到另一个路径PS图象处理软件的路径复制到路径选择工具下运行,以下分享的操作方法,需要的朋友可以参考下 在PS图象处理软件,在图像的路径复制到另一个图像的路径选择工具下运行 1,单击该文件…

嵌入式iframe子页和网页JS之间通信

嵌入式iframe子页和网页JS之间通信

网页,方法,嵌入式,电脑软件,iframe,本文介绍了嵌入式iframe子页面的父页面和JS之间的通信方式。分享给你供你参考。具体分析如下: 的页面和基于iframe的src属性域的iframe框架网页之间的通信手段是相同的链接或跨域通信链路,有明显的不同,同…

用PHP绘制矩形的一种方法

用PHP绘制矩形的一种方法

方法,绘制,矩形,电脑软件,PHP,本文介绍了用PHP绘制矩形的方法,供大家参考,具体的实现方法如下: 复制代码代码如下: 1,创建画布 $我=新建一个真彩色图像(300200); / /创建彩色图像,默认的背景是黑色的,返回的图像标识符。还有一个功能,画面欣赏,这是…

什么是利用底层功能优于getJSON

什么是利用底层功能优于getJSON

底层,功能,电脑软件,getJSON,复制代码代码如下所示: $ ajax({ 键入:获取 网址:desturl, 成功:函数(数据){ 如果(数据={) Linfo。innerHTML =数据; } Loadimg。风格。显示为无; / / addtablelistener(document.getelementbyid(TBColor ),0,0); }, 错误:函数(){ 警…

PS柯达皮肤隔离霜

PS柯达皮肤隔离霜

柯达,电脑软件,PS,本教程介绍了一个朋友PS柯达皮肤过滤器为皮肤黑MM美白保湿的方法和步骤。教程很简单。最后的画面也很简单。建议像你这样的朋友一起学习这个教程。希望你能喜欢。 本教程是介绍PS柯达皮肤过滤法为皮肤黑MM增白肌肤补水的…

jQuery版本使Ajax不执行成功回调函

jQuery版本使Ajax不执行成功回调函

回调函数,不执行,版本,电脑软件,jQuery,对于使用Ajax请求数据不是第一次(总是觉得它是一样的事情),是昨天的问题吗需要使用Ajax进行项目数据的请求,那么整洁和快速复制的Ajax代码在后台数据处理前的项目完成后,测试(可以在想休息),谁知道胜利归来,没…