IE event.srcElement和FF event.target 功能比较

 更新时间:2010年03月01日 19:42:30   作者:  
可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"TD","TR","A"等
复制代码 代码如下:

<div id="div_001">
<form id="form_001">
<input type="button" id="button_001_id" name="button_001_Name" value="单击查看" class="button_001_Class" onclick="Get_srcElement(event)">
<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value);">
<option value='001'>1</option>
<option value='002'>2</option>
<option value='003'>3</option>
<option value='004'>4</option>
<option value='005'>5</option>
</select>
</form>
</div>
<script>
function Get_srcElement(evgl)
{
  var srcElement=""
   //判断是IE 还是Firefox
  var evg=evgl.srcElement?evgl.srcElement:evgl.target;
  srcElement = srcElement + "\n" + "button_001_id----event.srcElement.id : " + evg.id
  srcElement = srcElement + "\n" + "input---event.srcElement.tagName : " + evg.tagName
  srcElement = srcElement + "\n" + "button---event.srcElement.type : " + evg.type
  srcElement = srcElement + "\n" + "单击查看---event.srcElement.value : " + evg.value
  srcElement = srcElement + "\n" + "button_001_Name---event.srcElement.name : " + evg.name
  srcElement = srcElement + "\n" + "button_001_Class---event.srcElement.className : " + evg.className
  //IE 支持parentElement FireFox支持parentNode
  srcElement = srcElement + "\n" + "form_001---event.srcElement.parentElement.id : " +     evg.parentNode.id
  srcElement = srcElement + "\n" + "event.srcElement.getattribute : " + evg.getAttribute
  alert(srcElement);
}
</script>

相关文章

  • 详解js根据百度地图提供经纬度计算两点距离

    详解js根据百度地图提供经纬度计算两点距离

    这篇文章主要介绍了js根据百度地图提供经纬度计算两点距离,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • layui时间控件选择时间范围的实现方法

    layui时间控件选择时间范围的实现方法

    今天小编就为大家分享一篇layui时间控件选择时间范围的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS操作对象数组实现增删改查实例代码

    JS操作对象数组实现增删改查实例代码

    JS提供了很多方便操作数组的方法,这篇文章主要给大家介绍了关于JS操作对象数组实现增删改查的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-07-07
  • 详解javascript数组去重问题

    详解javascript数组去重问题

    这篇文章主要介绍了详解javascript数组去重问题,根据面试时做的一道数组去重问题的解题思路整理的,分享给大家。
    2015-11-11
  • 浅析java线程中断的办法

    浅析java线程中断的办法

    这篇文章给大家分享了java线程中断的办法以及相关知识点内容,有需要的朋友们可以学习参考下。
    2018-07-07
  • Jsonp post 跨域方案

    Jsonp post 跨域方案

    本文给大家讲述的是个人在一个项目中遇到的关于jsonp的post跨域问题的解决过程,这里记录下来,分项给大家。
    2015-07-07
  • 详解JavaScript中的执行上下文及调用堆栈

    详解JavaScript中的执行上下文及调用堆栈

    这篇文章主要介绍了JavaScript中的执行上下文及调用堆栈,对此感兴趣的同学,可以参考下
    2021-04-04
  • JavaScript 闭包深入理解(closure)

    JavaScript 闭包深入理解(closure)

    最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。
    2009-05-05
  • css实现的图片模糊效果

    css实现的图片模糊效果

    css实现的图片模糊效果...
    2007-04-04
  • js 毫秒转天时分秒的实例

    js 毫秒转天时分秒的实例

    下面小编就为大家分享一篇js 毫秒转天时分秒的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11

最新评论