`
zhangyaochun
  • 浏览: 2566338 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

event.srcElement与event.target

eventgetTarget 
阅读更多

其实这个主要还是浏览器自身api的区别：

 

  • ie下：

 

       event对象有srcElement属性，但是没有target属性

 

  • ff下：

       event对象有target属性，但是没有srcElement属性

 

 

/*
*getTarget---get the target*
*@param {Event} event*
*@function*
*@return {HTMLElement}*
*/
ZYC.event.getTarget = function(event){
    return event.target || event.srcElement;
};
分享到：
| 记录-js事件监听的兼容性小集合
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js中的触发事件对象event.srcElement与event.target详解

    主要给大家介绍了js中的触发事件对象event.srcElement与event.target的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。

    event.srcElement 用法笔记e.target

    代码如下: [removed] function tdclick(){ if(event.srcElement.tagName.toLowerCase()==’td’) alert(“行：”+(event.srcElement[removed].rowIndex+1)+”列：”+(event.srcElement.cellIndex+1)); } ...

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

    注意获取的标记都以大写表示，如”TD”,”TR”,”A”等 代码如下: ”div_001″> <form id=”form_001″>...select name=”selectname” onchange=”alert(event.srcElement.options[event.srcElement.selec

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

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

    桌面 分块 拖拽js代碼

    var dragObj = target.getAttribute('DragObj'); // if the mouse was moved over an element that is draggable if(dragObj!=null){ // mouseOver event - Change the item's class if necessary if...

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

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

    js获取事件源及触发该事件的对象

    event.srcElement : event.target; //这时obj就是触发事件的对象，可以使用它的各个属性 //还可以将obj转换成jquery对象，方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));

    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 只能...

    自己的js工具 Event封装

    因为ie的event是全局的而firefox...获取ie的srcElement或firefox的target Event.isIe();是否为ie Event.clientX(); 获取ie,fox的鼠标x坐标 Event.clientY();获取 ie,fox的鼠标y坐标 */ var Event=new function(){ this.

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

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

    IE与firefox下Dhtml的一些区别小结

    mozilla下的e.target 相当于 ie下的event.srcElement,但细节上有区别，后者是返回一个html element 而e.target返回的是个节点，也就是说包括文本节点，方法可以这样 var trg = e.target; while(trg.nodeType!=1)trg...

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

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

    取得父标签

    取得父标签FF 下没有 event 用 arguments[0] FF 下没有 srcElement 用 target FF 下没有 parentElement 用 parentNode 代码如下:function obj_event_onsomething(e){ var e=window.event?window.event:e;...

    主题皮肤JS跨页多选

    if(window.event){src=event.srcElement||event.target;} if($dp!=undefined&&$dp.obj!=undefined&&$dp.style.display!='none'&&src!=$dp.obj.eCont) {var d=$dp.childNodes[0].contentWindow.$d; if(d.obj.eCont....

    跨浏览器的事件对象介绍

    getTarget : function(event){ return event.target || event.srcElement; }; preventDefault : function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; } }; ...

    js使用小技巧

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

    可拖动的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,...

Magicbox
Global site tag (gtag.js) - Google Analytics