IE event.srcElement和FF event.target 功能比较_javascript技巧

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

时间: 2024-09-17 04:12:33

IE event.srcElement和FF event.target 功能比较_javascript技巧的相关文章

比较全面的event对像在IE与FF中的区别 推荐_javascript技巧

window.event IE:有window.event对象 FF:没有window.event对象.可以通过给函数的参数传递event对象.如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y. FF:event.pageX和event.pageY. 通用:两者都有event.clientX和event.clientY属性. 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY. FF

firefox事件处理之自动查找event的函数(用于onclick=foo())_javascript技巧

IE与firefox事件处理 在ie中,事件对象是作为一个全局变量来保存和维护的. 所有的浏览器事件,不管是用户触发 的,还是其他事件, 都会更新window.event 对象. 所以在代码中,只要轻松调用 window.event 就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理 在ff中, 事件对象却不是全局对象,一般情况下,是现场发生,现场使用,ff把事件对象自动传 递给对应的事件处理函数. 在代码中,函数的第一个参数就是ff下的事件

JAVASCRIPT IE 与 FF中兼容问题小结_javascript技巧

png透明 AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL) enabled:可选项.布尔值(Boolean).设置或检索滤镜是否激活.true:默认值.滤镜激活.false:滤镜被禁止.sizingMethod:可选项.字符串(String).设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式.cro

拖动层效果,兼容IE和FF!第1/2页_javascript技巧

复制代码 代码如下: <!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>     <meta http-equiv

JavaScript实现搜索框的自动完成功能(一)_javascript技巧

在很多需要搜索的网站, 都会有一个自动完成的搜索框. 方便用户查找他们想要的搜索词. 帮助用户快速找到自己想要的结果. 这种方式是比较友好的. 所以是比较提倡使用的. 先给大家展示下效果图: 实现这个功能需要服务端配合.客户端通过脚本来展示从服务端取得的数据. 先看客户端的HTML: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT

JavaScript Event学习第十一章 按键的检测_javascript技巧

第一个问题是对于按键事件来说根本就没有标准,按照规范说的:包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释. 正如我们了解到的,浏览器在最开始设计的时候并没有一个标准,大家都像做实验似的,最后的成品虽然是有用的,但是肯定造成了兼容性的问题.按键问题也不例外:这里有两个属性能检测到用户按下了什么键,虽然有足够的理由为什么需要两个属性,但是依然并不是所有的浏览器都支持. 另外,在keypress与keydown和keyup之间还有一些很重要的区别. 最后就是windows和mac的区别了,

JS实现很酷的EMAIL地址添加功能实例_javascript技巧

本文实例讲述了JS实现很酷的EMAIL地址添加功能的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS实现很酷的EMAIL地址添加功能</title> <style type="text/css"> ul{ list-style:none; margin:0; padding:0;} li{ margin:0; padding:0;} #content{widt

js实现的星星评分功能函数_javascript技巧

本文实例讲述了js实现的星星评分功能函数.分享给大家供大家参考,具体如下: <!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&

我见过最全的个人js加解密功能页面_javascript技巧

网上那么长时间来最牛的加密解密页面的太强了站长破解加密代码病毒代码解密常备代码本站将把在线工具给整理下方便大家的使用 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>个人js加解密功能页面</TITLE> <SCRIPT>eval(function(p,a,c,k,e,d){e=