javascript获取事件源
var node = evt.currentTarget || evt.srcElement; var obj = event.srcElement ? event.srcElement : event.target;
加强版:
var eventTarget = event.srcElement || event.target || event.toElement|| event.currentTarget
范例:
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;
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 }; }
封装成为函数:
/*** * 获取事件源 * @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中获取事件源的方法有多种,以下是几个主要的方式: 1. event.target:它指向触发事件的最顶层元素,即事件最初发生时所对应的元素。 2. event.currentTarget:它指向绑定事件监听器的元素,即当前...
对于开发者来说,获取JavaScript的源代码对于学习、研究以及进一步开发都是非常有价值的。下面将详细介绍与该主题相关的几个关键知识点: ### JavaScript 源代码的重要性 1. **学习资源**:JavaScript 的源代码是...
事件循环是JavaScript引擎处理事件的方式,它不断检查事件队列,执行待处理的事件。 六、DOM操作 文档对象模型(DOM)是HTML和XML文档的编程接口。JavaScript通过DOM API可以读取、修改、添加或删除文档元素,实现...
在本资源中,"网上购书系统源代码"是用JavaScript编写的,这为我们提供了一个深入理解JavaScript在实际项目中应用的机会。 首先,我们需要了解JavaScript的基本语法。JavaScript语法基于ECMAScript规范,它包括变量...
JavaScript之DOM事件(源代码).zip JavaScript之for循环语句(源代码).zip JavaScript之Math对象(源代码).zip JavaScript之函数(ppt).pdf JavaScript内置对象(ppt).pdf JavaScript函数(源代码).zip ...
5. **异步编程**:JavaScript是单线程的,但是通过事件循环和回调函数、Promise、async/await实现了非阻塞的异步操作,这对于处理I/O密集型任务至关重要。 6. **DOM操作**:JavaScript与HTML的交互主要通过Document...
这个压缩包“JavaScript各种效果的源代码”显然包含了多种JavaScript实现的特效,包括但不限于三级联动和树型目录。下面我们将深入探讨这些概念以及它们在实际应用中的重要性。 **1. 三级联动** 在网页设计中,三级...
这里我们将探讨如何使用编程语言,特别是Python和JavaScript,来获取网页源代码,以及如何进行源代码的修改和重新加载。 首先,让我们关注如何使用Python获取网页源代码。Python的`requests`库是完成这项任务的常用...
同时,可能还涉及到AJAX(异步JavaScript和XML)技术,通过`XMLHttpRequest`对象向服务器发送请求,获取搜索数据,而无需刷新整个页面。 4. **jse_form.js**: 这个文件可能处理与搜索表单交互相关的JavaScript逻辑...
6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...
本文将深入探讨JavaScript的日期空间源代码,以及如何使用JavaScript实现一个日期选择JS控件。 首先,JavaScript的`Date`对象是处理日期和时间的核心。它提供了一系列的方法和属性,允许我们创建、读取、操作和格式...
JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...
这个"JavaScript入门经典源代码"压缩包很可能是包含了一系列用于初学者学习JavaScript编程的示例代码。通过这些源代码,学习者可以深入理解JavaScript的基础概念、语法结构以及常见功能的实现方式。 1. **基础语法*...
通过分析和理解这个源代码,开发者不仅可以掌握JavaScript的基本语法,还能了解到事件处理、DOM操作以及如何用JavaScript实现与用户交互的功能。 总结来说,这个"Javascript做的计算器源代码"涵盖了HTML和...
这份"JavaScript 源代码大全"集合了多种常用、实用和特效的代码,旨在为开发者提供丰富的参考资料和实践示例。 一、JavaScript基础概念 JavaScript是一种解释型的、面向对象的、弱类型的脚本语言,主要用于网页和...
在Vue.js中,获取点击事件源,即获取到触发事件的元素对象,是常见的需求,尤其是在处理复杂的交互逻辑时。本文将详细介绍如何在Vue中获取点击事件源,并通过一个简单的示例来展示其用法。 首先,Vue.js的事件绑定...
书中可能详细讲解了如何使用JavaScript操作DOM,例如获取元素、创建新元素、改变元素属性和内容,以及事件监听和处理。 此外,JavaScript还有强大的BOM(浏览器对象模型),它提供了与浏览器进行交互的能力。这包括...
在标准浏览器中,事件对象作为参数传递给事件处理程序,而在早期IE浏览器中,可以通过`window.event`全局变量获取事件对象。 JavaScript的事件还包括特定类型的事件,如鼠标事件和键盘事件。鼠标事件提供了关于鼠标...
在标题“JavaScript获取全球城市名称”中,我们可以理解这是一个关于如何使用JavaScript来检索或生成全球城市名的教程或者代码示例。通常,这可能涉及到地理信息系统的API、数据集或某种形式的网络请求。 在描述中...
11. **地理定位**:利用浏览器的Geolocation API,JavaScript可以获取用户的地理位置信息,用于地图服务或其他相关应用。 12. **Web存储**:通过localStorage和sessionStorage,JavaScript可以实现数据在本地的持久...