javascript获取事件源

JavaScript获取事件源

Js代码  

  1. var node = evt.currentTarget || evt.srcElement;  
  2. var obj = event.srcElement ? event.srcElement : event.target;  

 

加强版:

Js代码  

  1. var eventTarget = event.srcElement || event.target || event.toElement|| event.currentTarget  

 范例:

Js代码  

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

 

Js代码  

  1. getRelativePosition = helpers.getRelativePosition = function(evt){  
  2.             var mouseX, mouseY;  
  3.             var e = evt.originalEvent || evt,  
  4.                 canvas = evt.currentTarget || evt.srcElement||evt.target||evt.toElement,  
  5.                 boundingRect = canvas.getBoundingClientRect();  
  6.   
  7.             if (e.touches){  
  8.                 mouseX = e.touches[0].clientX - boundingRect.left;  
  9.                 mouseY = e.touches[0].clientY - boundingRect.top;  
  10.   
  11.             }  
  12.             else{  
  13.                 mouseX = e.clientX - boundingRect.left;  
  14.                 mouseY = e.clientY - boundingRect.top;  
  15.             }  
  16.   
  17.             return {  
  18.                 x : mouseX,  
  19.                 y : mouseY  
  20.             };  
  21.   
  22.         }  

  

封装成为函数:

Js代码  

  1. /*** 
  2.  * 获取事件源 
  3.  * @param evt 
  4.  * @returns {*|Object} 
  5.  */  
  6. getSrcElement = function (evt) {  
  7.     var event = window.event || evt;//兼容ie7 8  
  8.     var eventTarget = event.srcElement || event.target || event.toElement || event.currentTarget;  
  9.     return eventTarget;  
  10. };  

 

时间: 2024-09-19 10:04:39

javascript获取事件源的相关文章

JavaScript函数获取事件源的小例子_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=&qu

用javascript获取当页面上鼠标光标位置和触发事件的对象的代码_javascript技巧

用javascript获取鼠标位置: 复制代码 代码如下: function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - docu

JavaScript获取两个数组交集的方法

  本文实例讲述了JavaScript获取两个数组交集的方法.分享给大家供大家参考.具体如下: 这里传入的数组必须是已经排过序的 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 /* finds the intersection of * two arrays in a simple fashion. * * PARAMS * a - first array, must alre

javascript 获取元素样式必杀技

  这篇文章主要介绍了javascript 获取元素样式必杀技,需要的朋友可以参考下 Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式( hello ),可以直接使用element.style.color来直接获取css属性的值; 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,Safari)使用的方法不一样,IE浏览器使用el

用javascript获取地址栏参数

核心提示:本文列举了用javascript获取地址栏参数的三种方法 本文列举了用javascript获取地址栏参数的三种方法: 方法一: <script type="text/javascript"> <!-- String.prototype.getQuery = function(name) {  var reg = new RegExp("(^&)"+ name +"=([^&]*)(&$)"); 

如何用Javascript获取页面元素的位置

制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口). 很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的.如果不能全部显示,

JavaScript获取并更改input标签name属性的方法

  本文实例讲述了JavaScript获取并更改input标签name属性的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <input name="kk"></input>   <script language="javascript"> // 这里用getElementsByTagName把所有的input对象取出来, //这是这个问题的关

javascript获取select值的方法分析

  本文实例讲述了javascript获取select值的方法.分享给大家供大家参考.具体分析如下: 1. 获取显示的汉字 代码如下: document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 2. 获取数据库中的id 代码如下: window.document.getElementById("bigc

JavaScript获取数组最小值和最大值的方法

 本文实例讲述了JavaScript获取数组最小值和最大值的方法.分享给大家供大家参考.具体如下: 1 2 3 4 5 6 var arr = new Array(); arr[0] = 100; arr[1] = 0; arr[2] = 50; var min = Math.min.apply(null, arr), max = Math.max.apply(null, arr); 希望本文所述对大家的javascript程序设计有所帮助.