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

注意获取的标记都以大写表示,如"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>

(0)

相关推荐

  • event.srcElement+表格应用

    <script language="JavaScript1.2"> function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if

  • window.event.srcElement 得到事件源对象

    一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象.比如你设定document.onclick = myfunc;这时所有页面点击的事件都交给myfunc处

  • 替代window.event.srcElement效果的可兼容性的函数

    复制代码 代码如下: function getEvent() { var i = 0; if(document.all){ return window.event; } func = getEvent.caller; while(func != null) { var arg0 = func.arguments[0]; if(arg0) { if(arg0.constructor == MouseEvent) { return arg0; } } func = func.caller; } re

  • JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

    我们先看一个简单的例子: 复制代码 代码如下: <input type="text" onblur="alert(this.value)"/>完全没有问题. 那么什么情况下不可以用? fuction method() { alert(this.value); } <input type="text" onblur="method()"/> 这个就不可以,因为method()是被响应函数调用的函数. 那么

  • event.srcElement 用法笔记e.target

    注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. 复制代码 代码如下: <script type="text/javascript"> function tdclick(){ if(event.srcElement.tagName.toLowerCase()=='td') alert("行:"+(event.srcElement.pare

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

    注意获取的标记都以大写表示,如"TD","TR","A"等 复制代码 代码如下: <div id="div_001"> <form id="form_001"> <input type="button" id="button_001_id" name="button_001_Name" value="单击查看

  • 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 || eve

  • js事件源window.event.srcElement兼容性写法(详解)

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

  • JavaScript Event学习第二章 Event浏览器兼容性

    在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别.也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且会被立即执行.      一开始只有为数很少的一些事件.这些事件在几乎所有的JavaScript浏览器都能运行,即使是那些非常古老的.需要注意的是那些早期的事件只能工作在链接或者表单上,有时候也能运行在整个窗口上,但是其他的大多数HTML元素不行.      时代变迁,很多新的事件也给大家介绍过了.第四代浏览器和更高级的浏览

  • js event事件的传递与冒泡处理

    复制代码 代码如下: <div> <table nclick="gotClick(event,'table',this)" id="table"> <tr nclick="gotClick(event,'tr',this)" id="tr"> <td nclick="gotClick(event,'td',this)" id="td"> &

随机推荐