javascript获取事件源-阿里云开发者社区

javascript获取事件源

2016-05-11 1723

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

JavaScript获取事件源

   Js代码  
    
  
var node = evt.currentTarget || evt.srcElement;  
var obj = event.srcElement ? event.srcElement : event.target;  

加强版:

   Js代码  
    
var eventTarget = event.srcElement || event.target || event.toElement|| event.currentTarget

范例:

   Js代码  
    
  
var event = window.event || ev;//兼容ie7 8  
            cleanUpDefaultEvent(event);//清除默认事件  
            var target2 = event.srcElement || event.target || event.toElement;  
            var position = {x: 0, y: 0};  
            var imgObj = target2;  

   Js代码  
    
  
getRelativePosition = helpers.getRelativePosition = function(evt){  
            var mouseX, mouseY;  
            var e = evt.originalEvent || evt,  
                canvas = evt.currentTarget || evt.srcElement||evt.target||evt.toElement,  
                boundingRect = canvas.getBoundingClientRect();  
  
            if (e.touches){  
                mouseX = e.touches[0].clientX - boundingRect.left;  
                mouseY = e.touches[0].clientY - boundingRect.top;  
  
            }  
            else{  
                mouseX = e.clientX - boundingRect.left;  
                mouseY = e.clientY - boundingRect.top;  
            }  
  
            return {  
                x : mouseX,  
                y : mouseY  
            };  
  
        }  

封装成为函数:

   Js代码  
    
  
/*** 
 * 获取事件源 
 * @param evt 
 * @returns {*|Object} 
 */  
getSrcElement = function (evt) {  
    var event = window.event || evt;//兼容ie7 8  
    var eventTarget = event.srcElement || event.target || event.toElement || event.currentTarget;  
    return eventTarget;  
};  

javascript获取事件源

热门文章

最新文章

相关课程

相关电子书