怎么通过事件的event.target拿到dom节点

2024-09-07

Javascript中target事件属性，事件的目标节点的获取。

window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性. IE浏览器支持window.event.srcElement , 而firefox支持window.event.target: 我们先看一个简单的例子: <input type="text"

jquery事件之event.target用法详解

1. 定义和用法: 显示哪个 DOM 元素触发了事件: $("p, button, h1, h2").click(function(event){ $("div").html("Triggered by a " + event.target.nodeName + " element."); }); 定义和用法 target 属性规定哪个 DOM 元素触发了该事件. 语法 event.target参数描述 event 必需.规

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

简单概括下浏览器事件模型，如何获得资源dom节点

在各种浏览器中存在三种事件模型:原始事件模型,DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持. 浏览器事件模型分为三个阶段 1.捕获阶段 2.目标阶段 3.冒泡阶段 DOM节点获取方法: 1.通过id获取 document.getElementById() 2.通过name属性获取 document.getElementsByName() 3.通过标签名获取 document.getElements

JavaScript事件属性event.target

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #main { width: 200px; height: 100px; background: red; } </style> <script type="text/ja

JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target

http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs.com/mslove/archive/2010/04/26/1721024.html window.event代表着事件对象的状态.只有在事件发生时生效.如鼠标.键盘等事件被触发时这个对象才存在.window.event这只在IE下是这样的.他并不是标准..也就是说其他浏览器并不支持.在W3C标准支

jquery this 和 event.target 区别

1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); JavaScript:this是什么? 定义:this是包含它的函数作为方法被调用时所属的对象. 说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可

jQuery事件对象event的属性和方法

事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一一.事件对象常用的属性: event.type:获取事件的类型,触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标,可以确定元素在当前页面的坐标值,是

jquery中使用event.target的几点

jquery中使用event.target的几点 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 比如:event.target和$(event.target)的使用: < !DOCTYPE html PUBL

js中event.target,this

event.target这是注册事件时的对象,或者它的子元素.通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的.经常用于事件冒泡时处理事件委托. 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: <!DOCTYPE html> <html> <head> <style> span, strong, p

jquery 关于event.target使用的几点说明介绍

event.target说明:引发事件的DOM元素. this和event.target的区别js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: this和event.target的相同点this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 这使我想起了以前写的一个例子: 代码如下: //del event

[转]jquery中使用event.target的几点

转自: http://www.cnblogs.com/12go/archive/2011/12/28/2304502.html 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 比如:event.target和$

jquery中this和event.target的区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>this和event.target的区别</title> <script type="text/javascript" src="jquery.min.js" ></script> </h

Javascript和jquery事件--事件对象event

1. 事件对象event 对于event,js的解释是Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.而jq的解释是事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一. 你的网页需要兼容不同的浏览器,除了样式的不同外,更致命的就是事件对象的差异.使用console.log(e),你就可以看到相关的参数.虽然jq已经对兼容进行过封装,但是我还是想进行了解,所以

【Jquery】this和event.target的区别

1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); ex: js代码 $(function(){ $("li").live("click",function(event){ $("#temp").html(&

小结event.target与this

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1 { width: 200px; height: 200px; backgro

Visual Event ：快速查看 DOM 上绑定的 JS 事件

http://web.jobbole.com/82503/ Javascript中的事件经常被认为如谜一般不可解.Javascript是一个事件驱动的语言,在这样的前提下前面的看法是很奇怪,但是说到它们的复杂本质和调试难度时,这样的看法又是很正常的.为此,我创建了可视化事件(Visual Event)来查看DOM节点上绑定的事件. 简介 Visual Event是一个开源 Javascript 书签,能提供绑定在DOM元素上的事件调试信息.Visual Event能显示如下信息: 1.哪一个元素

window.event.srcElement与window.event.target 触发事件的元素

IE浏览器支持window.event.srcElement , 而firefox支持window.event.target:<input type="text" onblur="alert(this.value)">//正确滴 ****************** <input type="text" onblur="method()">//错的啦<script>function meth

捕获当前事件作用的对象event.target和event.srcElement

语法: //返回事件的目标节点(触发该事件的节点). event.target //FF,Chrome event.srcElement //IE 栗子: var oDiv=document.getElementById("div1"); oDiv.onclick=function (ev) { var oEvent=ev||event; //oEvent.target ie7以下不兼容 if (oEvent.target) { console.log(oEvent.target.id

js的event.srcElement与event.target（触发事件对象）

IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即: firefox 下的 event.target = IE 下的 event.srcElement 解决方法:使用obj = event.srcElement ? event.srcElement : event.target; 或:var evtTarget = event.target || event.

js事件 event.target

我们购物车里,会时不时增加和删除产品时,就会绑定事件和解绑的动作. <ul> <li></li> <li></li> </ul> 例子:在li上未来绑定事件, $('ul').on('click','li',function(){ $(this).remove(); }); 例子:在ul上绑定事件 $('ul').on('click',function(event){ var This=event.target; $(This).re

怎么通过事件的event.target拿到dom节点

热门专题