event.srcElement与event.target的区别

【event.srcElement与event.target的区别】的更多相关文章

Javascript中event.srcElement和event.target的区别

event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称.注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. <script type="text/javascript"> function tdclick(){ if(event.srcElement.tagNam…

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基础篇--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.…

event.srcElement ，event.fromElement，event.toElement

自然,我们都习惯了 IE,在 IE 中要在函数中获得各事件对象很容易,直接用 event.event.srcElemtn.event.fromElement.event.toElement 就行了.在 FireFox 中获得触发事件的元素可以用 event.target,但其他两个 fromElement 和 toElement 就要费些周折. 1.event.srcElement :当前事件的源 var obj = event.srcElement ? event.srcElemen…

event.srcElement与event.target的区别

window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性. IE浏览器支持window.event.srcElement , 而firefox支持window.event.target: event.srcElement从字面上可以看出来有以下关键字:事件,源他的意思…

浏览器中event.srcElement和event.target的兼容性问题

在IE下,event对象有srcElement属性,但是没有target属性:Firefox下,even对象有target属性,但是没有srcElement属性.. 解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target..同时注意event的兼容性问题. 感觉这个挺好,可以捕获当前事件作用的对象,如event.srcE…

event.srcElement 用法笔记e.target

event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称. 注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. 代码如下: <script type="text/javascript"> function tdclick(){ if(event.srcElement.tagName.t…

关于window.event.srcElement 和 window.event.target(触发事件的对象)

转自:https://www.cnblogs.com/zhilingege/p/7423817.html window.event.srcElement 是指触发事件的对象 <script LANGUAGE="JavaScript"> <!-- function mm() { var str = ""; for (mm in window.event.srcElement) str += mm+"="+ window.eve…

js中event.target和event.srcElement的区别

看了很多资料绝对结果就是 firefox 下的 event.target = IE 下的 event.srcElement jquery中的event.target属性的作用是获取到出发事件的元素.jQuery对其封装后,避免了W3C.IE和safari浏览器不同标准的差异.…

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…

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…

event.target与event.srcElement

target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 在标准浏览器下我们一般使用event.target就能解决,然而低版本IE浏览器总是会出些幺蛾子,这时候就得使用event.srcElement. 这时候就得有一个兼容性的写法了. 1.使用三元运算符 var Target = event.target ? event.target : event.srcElement 2.使用if语句来判断 if(event.target){ // IE10及以下版…

Flex的 Event中属性currentTarget与target的区别

Flex的 Event中属性currentTarget与target的区别 1.区别 (1)currentTarget是事件的处理对象(event processor) (2)target是事件的调用对象(event dispatcher) 2.实例说明 (1)设计源码 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/m…

objelement = event.target || event.srcElement;

objelement = event.target || event.srcElement; function updateProductVideo(e){ e = window.event || arguments.callee.caller.arguments[0] || e; objelement = e.target || e.srcElement; // Chrome || IE }…

window.event.srcElement与window.event.target 触发事件的元素触发事件对象的获取，window.event与时间函数参数的event是同一个事件对象

判断事件触发的元素: var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; } window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元…

e.target和e.event和event.srcElement

e.target 是目标对象,e.event是目标所发生的事件,event.srcElement捕获当前事件作用的对象 1. $(function(){ $("li:has(ul)").click(function(e){ if(this==e.target){ $(this).children().toggle(); $(this).css("list-style-image",($(this).children().is(":hidden")…

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下…

event.srcElement在火狐(FireFox)下的兼容问题。搜索框获得焦点时默认文字变化

前言: 项目中用到了一个功能,搜索框里有默认的文字,当搜索框获得焦点时里面的默认文字消失,如果失去焦点时搜索框内容为空则让里面的内容回复默认!,. 实现: 很轻松的在网上找到了类似代码 $("#search_text").focus(function (event) { with (event.srcElement) //如果当前值为默认值,则清空 if (value == defaultValue) value = ""; }); $("#search_…

event.srcElement兼容处理

在IE下,event对象有srcElement属性,但是没有target属性:Firefox下,even对象有target属性,但是没有srcElement属性.. 解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target..同时注意event的兼容性问题. 感觉这个挺好,可以捕获当前事件作用的对象,如event.srcE…

js事件源window.event.srcElement兼容性写法

<html> <body> <p>一个好处就是我想让body(或其他元素内)的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p> <p>比如</p> <p> <input value="input"> <b…

event.srcElement获得引发事件的控件（表单）

<1> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title&…

event.stopPropagation()，event.preventDefault()和return false的区别

event.stopPropagation(),event.preventDefault()和return false的区别 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件仍然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return…

event.srcElement就是指向触发事件的元素，他是什么就有什么的属性

原文发布时间为:2009-06-29 -- 来源于本人的百度文章 [由搬家工具导入] 得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.srcElement [ = oO…

阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return fal的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代…

Unable to preventDefault inside passive event listener due to target being treated as passive

Unable to preventDefault inside passive event listener due to target being treated as passive 今天在做项目的时候发现这个问题:于是Google了一下! 由于浏览器必须要在执行事件处理函数之后,才能知道有没有掉用过 preventDefault() ,这就导致了浏览器不能及时响应滚动,略有延迟. 所以为了让页面滚动的效果如丝般顺滑,从 chrome56 开始,在 window.document 和 bod…

阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别

1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代码,连接不会被打开,事件也不会传递到上一层的…

移动端页面滑动时候警告：Unable to preventDefault inside passive event listener due to target being treated as passive.

移动端项目中,在滚动的时候,会报出以下提示: [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 解决在touch的事件监听方法上绑定第三个参数{ passive: false }, 通过传递 passive 为…

JavaScript Event Delegation, and event.target vs. event.currentTarget

原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro…

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

1.滑动时候警告[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 2.解决方案解决办法1: 在touch的事件监听方法上绑定第三个参数{ passive: false }, 通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDefault 来阻止默认滑动行为. elem.addEven…