注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网事

备忘录

 
 
 

日志

 
 

IE和FF下的srcElement获取  

2008-09-12 16:14:52|  分类: ASP |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   在写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' onclick='_test(event)' />

二、在函数调用中不传递event对象

    虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:

function _test2()
{
    var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
    var src = evt.srcElement || evt.target;  // 获取触发事件的源对象
    alert(src.value);  // 打印该对象的value属性
}

    那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:

<input type='button' value='click me2' onclick='_test2()' />

    可见,相比两种方法,第二种方法更具有普遍和通用性,因为可以不用传递参数了,这样在使用的时候也更加的方便;第一种方式就更加直接明了,呵呵,至于具体怎么用,还得看个人的了~~

  评论这张
 
阅读(272)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018