`

javascript的event.srcElement与event.target

阅读更多

Javascript event.srcElement可以捕捉当前事件作用的对象,如event.srcElement.tagName可以捕获当前获得的标记名称,注意获取的标记的名称都是以大写表示,如"TD""TR""A"等

<script type="text/javascript">
    function tdclick(){
        if(event.srcElement.tagName.toLowerCase()=='td')
             alert("行:"+(event.srcElement.parentNode.rowIndex+1)+"列:"+(event.srcElement.cellIndex+1));
     }
  </script>

 event.srcElement意为当前事件源,我们可以调用它的各种属性就像使用"document.getElementById()"一样。但是在Firefox下使用event.srcElement是没用的,因为event对象在Firefox下是没有定义的。所以要获取Firefox下的事件对象必须在触发某一事件时把事件作为参数参进去如:

document.onclick=function(event){
    var event = window.event || event;
    ......
}

 

这样在Firefox中和在IE中都可以使用event对象了。在Firefox中的没有event.srcElement,要取得当前事件源用event.target。

分享到:
评论

相关推荐

    Javascript 阻止javascript事件冒泡,获取控件ID值

    1. 如何阻止事件冒泡 代码如下://非IE if (event && event.stopPropagation) event.stopPropagation(); else//IE window.event.cancelBubble = true;...event.target.tagName + “:” + event.target.id&#41;; }

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    比如得到触发事件的元素引用在IE浏览器下是:event.srcElement,在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方式又是不一样的,当然还有一些...

    JS在IE和FireFox之间常用函数的区别小结

    1.event.srcElement 代码如下: //srcElement只能在IE下使用target是FireFox使用的,下面是兼容性写法 var obj = e.srcElement ? e.srcElement : e.target; 2.e.originalEvent.x 代码如下: // e.originalEvent.x 只能...

    javascript事件委托的用法及其好处简析

    本文为大家简单介绍了javascript事件委托的用法及其...标准下:event.target target.nodeName来判断是哪个标签 代码应用如下: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

    Web前端开发工程师笔试题及答案

    // IE用srcElement获取事件源,而FF用target获取事件源 var selected = evt.target || evt.srcElement; alert&#40;selected.tagName&#41;; } window.onload = function(){ var el = document....

    js使用小技巧

    event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey ...

    JavaScript计算器的实现

    JavaScript计算器的实现 4 计算器 4.1 问题 1)做一个完整的计算器 2)使用 event 对象简化简单计算器的界面设计及实现 ...var obj = e.srcElement || e.target; 4.3 步骤 实现此案例需要按照如下步骤进行。

    JavaScript event对象整理及详细介绍

    2. srcElement/target:事件源,就是发生事件的元素; 3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表...

    可拖动的table

    e.target = e.srcElement; e.layerX = e.offsetX; e.layerY = e.offsetY; } return e; } } window.onload = function(){ var obj = document.getElementById('draggable'); rDrag.init(obj); } ,0px,...

    ASP.NET程序中常用的三十三种代码.txt

    &lt;script language="javascript" for="document" event="onkeydown"&gt;  if (event.keyCode==13 && event.srcElement.type!=’button’ && event.srcElement.type! =’submit’ && event.srcElement.type!=’reset’ &...

    ASP.NET常用代码

    &lt;script language="javascript" for="document" event="onkeydown"&gt; if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

    客户端实验设计

    event.srcElement:event.target; var length=agreeDiv.length; for(var i=0;i;i++){ if(eventObj.parentNode==agreeDiv[i] || eventObj.nodeName!="H5"){continue;} agreeDiv[i].className="unit"; } if...

    JavaScript事件处理器中的event参数使用介绍

    在大部分浏览器中,当一个事件处理器被触发时,名为Event的类... 为了获取目标元素的引用,在标准兼容的浏览器中使用target属性,在ie中则使用srcElement属性,通过对象检测来处理这种不一致性 代码如下: var target=(e

    深入理解js中的加载事件

    前面的话 提到加载事件,可能想到了[removed],但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load load事件是最常用的一个事件,当页面... var target = e.target || e.srcElement; //IE8-浏览器返回nul

    JavaScript判断按钮被点击的方法

    废话不多说了,直接给大家贴代码了。 firfox版: &lt;... &lt;... charset=utf-8" /&gt;...var tar=evt.target||evt.srcElement; if( (tar.tagName.toLowerCase()=="input"&&tar.type=="button") || tar.tagN

    javascript禁制后退键(Backspace)实例代码

    //获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute(‘type’);//获取事件源类型 //获取作为判断条件的事件类型 var vReadOnly = obj.readOnly

    javascript阻止浏览器后退事件防止误操作清空表单

    由于客户大多数是不懂电脑的大菜鸟。所以误操作比较多,有时没有选中文本框,然后不小心按了退格之后,刚刚辛苦填好的表单就什么也后退的没有了。...//获取event对象 var obj = ev.target || ev.srcElement;/

    my97日历控件

    if(Y.event===F||F){L.srcEl=F.srcElement||F.target;F.cancelBubble=true}L.el=L.el=$dp.$(L.el||L.srcEl);if(!L.el||L.el["My97Mark"]===true||L.el.disabled||($dp.dd&&P($dp.dd)!="none"&&$dp.dd.style.left!="-...

    网页FLASH播放器代码

    var file=event.srcElement.value //通过判断所选择文件的扩展名是否为".swf"以实现简单的过滤 if(/\w\.swf$/.test(file)) { movie.LoadMovie(0,file) //加载 Flash 文件 loaded() //调用下载进度显示的函数...

    javascript 兼容各个浏览器的事件

    dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 ...

Global site tag (gtag.js) - Google Analytics