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函数获取事件源具体实现,需要的朋友可以参考下
JavaScript之DOM事件(源代码).zip JavaScript之for循环语句(源代码).zip JavaScript之Math对象(源代码).zip JavaScript之函数(ppt).pdf JavaScript内置对象(ppt).pdf JavaScript函数(源代码).zip ...
6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...
javascript获取指针的位置的方法:使用事件对象的pageX和pageY,或者clientX和clientY属性,并且配合scrollLeft和scrollTop属性,这样就可以计算出指针的位置了。 本文操作环境:windows10系统、javascript 1.8.5...
JavaScript获取网页的宽高及如何兼容详解 很多场景下会需要获取当前网页的宽高来达到一些效果,但是获取网页的宽高这里面还是有一点(hen duo)坑的,这里我进行了总结和详解,若有补充欢迎评论补充~ 这种方式只...
里面有近百个HTML实例代码,包括移动的彩虹、事件获取、智能表单、表格操作、IE滤镜动画、图片浏览器、播放器、拖动效果、元素移动、读取cookie、会话cookie、无会话cookie、cookie路径、安全cookie、拼图游戏、...
JavaScript动态获取服务器时间,使用Ajax在不重载整个页面的情况下,获取服务器时间并更新显示在前端。
本文实例为大家分享了JavaScript实现异步获取表单数据的具体代码,供大家参考,具体内容如下 在上一篇文章中讲到了使用JavaScript异步提交表单中的数据,那么今天我们就讲讲利用JavaScript异步获取表单中的数据;...
JavaScript 获取滚动条位置并将页面滑动到锚点 前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行...
//直接通过XMLHttpRequest对象获取远程网页源代码 function getSource() { var url = document.getElementById("url").value; //获取目标地址信息 //地址为空时提示用户输入 if (url == "") { alert("请输入...
示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...
在javascript的事件响应中,许多情况我们需要获得事件源对象来对其属性进行更改,比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种: 第一种: 直接把作为一个参数传入。例如 代码如下: ”myid” ...
JavaScript中BOM和DOM详解 目录 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...
JavaScript 事件(常用) 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。...三句话:获取事件源、绑定事件、书写事件驱动程序。 1.获取事件源:document.getElementById(“box”); 2.绑定
JavaScript之随机码的生成与校验,供大家参考,具体内容如下 由于获取事件源有两种写法,所以在此处都附上: 这个是直接用var去定义的 <!DOCTYPE html> <html lang="en"> <head> ...
◆掌握JavaScript的对象获取 ◆掌握JavaScript标签的基本操作 ◆使用JS可以获得指定元素 ◆使用JS可以对元素的标签体进行操作 ◆使用JS可以对指定元素的样式进行操作(获得或修改) ◆使用JS可以编写各种事件 ◆使用JS...
JavaScript offset实现鼠标坐标获取和窗口内模块拖动 offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度...
使用一个线程,并在线程中使用webBrowser控件来获取网页源代码,只有使用了webBrowser控件,才可以让网页执行完js代码,获取真正的网页源代码。有使用线程超时设置,超时后就停止线程。
【JavaScript源代码】React+高德地图实时获取经纬度,定位地址.docx