IE和FF下的srcElement获取

IE中的event和FF中的event就不一样,获取方式也不一样,比如IE中event是全局window对象的属性,而FF中却没有。有很多时候我们要获取触发事件的源对象(在IE中是srcElement),下面给出两种方式。

在写JS的时候,我们很多情况下不得不考虑IE和FF的兼容性。很简单的,IE中的event和FF中的event就不一

样,获取方式也不一样,比如IE中event是全局window对象的属性,而FF中却没有。有很多时候我们要获取触发

事件的源对象(在IE中是srcElement),下面给出两种方式。

一、在函数中传递event参数

    在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:

function _test(evt)
{
    var src = evt.srcElement evt.target; // 获取触发事件的源对象
    alert(src.value); // 打印该对象的value属性
}

    那么我们在使用的时候就应该这样:

<input type='button' value='click me' />

    可见,相比两种方法,第二种方法更具有普遍和通用性,因为可以不用传递参数了,这样在使用的时候也更

加的方便;第一种方式就更加直接明了,呵呵,至于具体怎么用,还得看个人的了~~

时间: 2024-11-18 01:44:50

IE和FF下的srcElement获取的相关文章

https重定向http,在ie11下,http获取不到cookie?

问题描述 https重定向http,在ie11下,http获取不到cookie? 从https:xxx.ff.com到http:yyy.ff.com,在https写cookie,之后在http下,获取不到cookie(在ie6-10,火狐,谷歌都能获取), 只有IE11获取不到,网上说在写cookie的时候加上p3p,试了还是没用.求 大神帮忙解决一下. 解决方案 换一个方式,比如只有http或者https

ie与ff下的event事件使用介绍_javascript技巧

event是ie自带的一个对象,而ff中不存在该对象,只能通过传递参数的方式来模拟event 另外ie中使用srcElement去获得事件触发源,ff下使用target.因此使用这两个对象时需要做相关的浏览器兼容. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

关于onchange事件在IE和FF下的表现及解决方法

 本篇文章主要是对关于onchange事件在IE和FF下的表现及解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在最近做的一个项目中,有这么一个功能点:页面上有一个checkbox,当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求.当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题.   问题①:在FF下,当改变checkbox的选中状态时

关于onchange事件在IE和FF下的表现及解决方法_javascript技巧

在最近做的一个项目中,有这么一个功能点:页面上有一个checkbox,当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求.当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题. 问题①:在FF下,当改变checkbox的选中状态时,会马上触发onchange事件.但在IE下改变checkbox的选中状态时,并不会马上出发onchange事件,而是需要等待chec

微信服务号开发模式下,如何获取用户发送给服务号的信息,转给客服,再将客服回答信息转给用户?

问题描述 微信服务号开发模式下,如何获取用户发送给服务号的信息,转给客服,再将客服回答信息转给用户? 开发一个微信转接接口,需求是:微信服务号在开发者模式下,也就是有基本配置(服务器配置),获取到用户向服务号发送的信息,转接到在线客服,然后客服回答的信息在转接到用户,起到转接作用. 解决方案 收到信息后回复success或者空内容,保存微信发送的相关信息:http://mp.weixin.qq.com/wiki/1/6239b44c206cab9145b1d52c67e6c551.html 怎么

CentOS下无法正常获取MySQL数据库表数据的问题

之前,由于客户要求在centOS下安装系统应用,因此有机会接触了一下CentOS,顺便也了解了下CentOS的常规操作,还有在CentOS下的MySQL相关操作. 目前技术框架使用JSF(richfaces.facelets)+Spring+JPA(OpenJPA),不使用数据库依赖的触发器或存储过程,所有业务逻辑在web服务器上执行,因此数据库基本不用考虑移植问题.但是本来在windows下运行正常的系统,在linux下却没法获取一些表的内容.由于数据库的初始化,最初只是体现在几个需要手工维护

操作-请问下 python 如何获取当前剪切板的内容?

问题描述 请问下 python 如何获取当前剪切板的内容? 网站需要cookie 而且有登陆时候很多东西很麻烦,所以不太好用urllib 我现在可以操作复制内容,该如何获取剪切板的内容?谢谢了 解决方案 用pywin的clipboardhttp://blog.log4d.com/2010/10/python-clipboard/ 解决方案二: 安装pyperclip 包 pip install pyperclip 当然前提是你在你的电脑上可以使用pip安装 示例代码 import pypercl

在文件数量过多的情况下java怎么获取文件夹下第一个文件并且不使用List遍历

问题描述 在文件数量过多的情况下java怎么获取文件夹下第一个文件并且不使用List遍历 在文件数量过多的情况下java怎么获取文件夹下第一个文件并且不使用List遍历,防止内存溢出 解决方案 你看到的文件夹下面的第一个文件是操作系统的,如果用Java的API取出来,顺序是乱的,而且文件数量过多能多多少呢?上百个.?你可以只遍历文件名 ,或者在取文件的时候对文件进行一个排序,然后在取对应的文件内容. 解决方案二: 在java中如何遍历某个路径下的所有文件夹和文件java遍历文件夹中所有文件jav

大家帮我看一下,在FF下正常,在IE下有问题不知为什么!

问题描述 o=document.createElement("div");o.id = "cityshop"+cityid;o.innerHTML=selectshop;parent.iframe_main.document.getElementById("choosed").appendChild(o);//IE提示这句有问题 解决方案 哦,你这个引用parent.iframe_main.document.getElementById(&quo