JS获得事件发出者

最新推荐文章于 2022-04-25 15:33:41 发布
最新推荐文章于 2022-04-25 15:33:41 发布
阅读量110 收藏
点赞数

因为ff下本身不支持srcElement而是支持target,你这里这么用也是为了兼容浏览器,但是event.srcElement.id这么写会从event.srcElement里找id属性,这样是默认event.srcElement存在的,而火狐是不存在,当然就报错了。应该使用以下的方式:

var obj=event.srcElement ? event.srcElement : event.target;

 

再调用obj.id就行了.

weixin_33826268
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
细聊 JavaScript 的事件执行机制
FOR 的博客
04-14 548
细聊 JavaScript 的事件执行机制 我使用的 Node.js 版本是 v12.13.0 的 ， 11 的版本前会与11 版本后的事件循环有些区别。 线程？ 都说 JavaScript 是单线程的 ，那么什么是单线程呢？ 单线程就是进程只有一个线程。 那这又扯到进程这个概念了。 进程 进程 （Process）： 进程是一个具有独立功能的程序关于某个数据集合的一次运行活动。它可以申请和拥有系统资源，是一个动态的概念，是一个活动的实体。它不只是程序的代码，还包括当前的活动，通过程序计数器的值和处理寄
JS 学习笔记 | 事件处理
鲁毅的博客
06-02 747
1.事件概述 1.1 什么是事件 事件是可以被 JS 检测到的行为，实质上是一种交互操作。 例如：我们可以给某按钮添加一个 onclick （点击）事件，当用户点击时触发某个函数。 1.2 事件的作用 各个元素之间可以借助事件来进行交互 用户和页面之间也可以通过事件来交互 后端和页面之间也可以通过事件来交互（减轻服务器压力） 注意：事件通常会与函数进行配合，当事件发生了函数才会执行，事件的本质就是一次交互操作。 1.3 事件传递 JS 中规定： 事件不仅能够和触发者交互，还会在特定情况下沿着 dom t
javascript获取事件触发的对象
对信仰的忠诚丶
02-07 1629
当我们定义了js函数，我们可以获取到触发这个函数执行的对象，这样就可以根据事件的触发者做不同的操作。 a.获取事件源 function buttonclick(e){ //e就是事件源对象， alert(1); } function bclick(){ var e=window.event;//我们也可以这样获取到事件源对象 } b.获取事件的触发对象
javascript获取事件源的id
友人C君的博客
03-16 1740
javascript写法 function(event){ alert(event.target.id); } jquery写法 function test(){ alert($(this).attr('id')); }
js事件的对象属性和方法。事件冒泡，捕获及委托。
domunweb的博客
12-14 655
一、事件的Event对象和属性 首先来看一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>event_bubble</title> </head>
JavaScript基础——事件对象及其属性
NGUP_LEE的博客
03-29 1977
1、 获取事件对象 事件对象是事件在被触发时产生的一个对象，这个对象里有事件触发时的相关信息 例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息 获取事件对象： 在事件绑定的回调函数的第一个参数就是事件对象，一般命名为event、ev、e //e就是事件对象 元素.addEventListener('click',function(e){ alert('测试') }) 2、 事件对象的常用属性 部分常用属性 type，获取当前的事件类型 clientX/clientY，获取光标相对于浏览器当
js 事件详解(二)
RayShyy的博客
03-25 750
1. 事件流 事件流描述的是从页面中接收事件的顺序； 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即为DOM事件流。 比如我们给一个div注册了点击事件： DOM事件流分为三个阶段： 捕获阶段 当前目标阶段 冒泡阶段 如下图： 捕获阶段： 在元素触发事件的时候会经历如下： 首先会从页面的最顶级Document开始判断document是否也注册了该事件，如果有就触发该事件； 然后判断最外层html元素是否也注册了该事件，如果有就触发； 再然后判断body元素是否也注册了该事件，如果
JavaScript设计模式之观察者模式（发布者-订阅者模式）
10-25
在JavaScript中，观察者模式也被称作发布-订阅模式（Publish-Subscribe Pattern），是一种行为设计模式，它允许对象之间通过事件来通信。 观察者模式的核心概念包括观察者（Observer）和目标（Subject）。观察者是...
Javascript设计模式之观察者模式(推荐)
10-22
例如，JavaScript中的事件监听机制就与观察者模式类似，监听器对象（观察者）监听特定事件，当事件被触发时，监听器对象得到通知并执行回调函数。又如，前端框架Vue中的响应式系统也基于观察者模式实现数据与视图的...
单线程JavaScript的多线程方式：工作者线程
hhhh
03-31 860
工作者线程 JavaScript单线程，意味着它不可以像多线程语言那样把工作委托给独立的线程和进程去做，但是单线程可以保证它与不同浏览器API兼容。而且多线程意味着它与DOM这样的API就会出现问题 工作者线程：允许把主线程的工作转嫁给独立的实体，而不会改变现有的单线程模型。 各种工作者线程有不同的形式和功能，但他们都是独立于JavaScript的主执行环境。 ...
js如何获取触发js事件的DOM
热门推荐
TimeTDIT的博客
09-28 1万+
如何获取触发js事件的DOM节点
js中的事件对象event （获取元素的,x,y坐标）
qq_44983621的博客
05-23 8339
event的使用 获取元素的,x,y坐标 如图所示 当鼠标放在上面那个框上时获取其坐标，并且在下面框中显示 其实需要使用到鼠标移动事件 onmousemove event 事件对象中封装了当前事项相关的一切属性 如鼠标的坐标键盘的按键 <script type="text/javascript"> window.onload = function(){ var bi...
js-event(事件对象)详解
顺其自然~专栏
04-25 1万+
1、事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如：当用户单击某个元素的时候，我们给这个元素注册的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个event对象。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 使用场景即： var oDIv = document.getElementById('box'); oDiv.onclick = function(...
javascript 中的派发事件（dispatchEvent）
zhuyingxin的博客
01-03 8807
事件派发的作用: 1.派发数据，将一个封闭模块中的数据传递给另一个封闭模块 2.事件完成了较为复杂的解耦 事件和回调函数不同在于: 1.事件可以在任意地方去获取，而回调函数只能在一个地方存在 如果需要完成内容后执行函数，回调函数就只能在一个地方调用 而事件却可以在任何地方接收到数据 2、回调函数与当前的代码紧密相关联，如果有修改一个地方，可能会 造成错误，但是事件机制通过事件的侦听获取，因此不管发...
C语言获取当前系统时间的几种方式
07-05 3734
C语言中如何获取时间？精度如何？ 1 使用time_t time( time_t * timer ) 精确到秒 2 使用clock_t clock() 得到的是CPU时间精确到1/CLOCKS_PER_SEC秒 3 计算时间差使用double difftime( time_t timer1, time_t timer0 ) 4 使用DWORD GetTickCount()
JavaScript中的事件对象、事件对象的属性clientX、clientY、pageX、pageY等等
weixin_46449470的博客
04-26 1256
一、什么是事件对象 ​ 1）、 事件对象 就是保存着事件相关信息的对象。当事件发生时，会自动产生事件对象（不需要new），事件对象中包含着：事件源（发生事件的dom元素），点击是鼠标的哪个键，鼠标的当前位置（事件发生的位置）等等信息。 2）、事件源： ​ 发生事件的DOM元素（按钮，文本框，div，下拉框）。在事件处理函数里可以用this表示。 3）、事件对象的获取 ​ ...
【前端学习】前端学习第十六天：JavaScript中event对象和事件属性（上）
qq_49916504的博客
04-05 1255
当事件发生时，浏览器会自动建立一个event对象，事件处理函数通过event对象的属性来获取事件的类型、键盘按键的状态、鼠标位置坐标、鼠标按钮的状态信息等。 因为在DOM事件模型中，event对象以函数参数的形式传入，在IE事件模型中，event对象作为window对象的属性，通过window.event获取，所以通用模式可以写为： function EventHandler(ev){ var e=ev||window.event;} 下面介绍常用的DOM事件模型对象常用的属性： 1、screen
理解JavaScript自定义事件：观察者模式实战解析
这种模式的核心思想是，一个对象（发布者）可以在特定时刻发出一个信号（事件），而其他对象（观察者或订阅者）可以监听并响应这个信号。这样就实现了解耦，使得代码更加模块化和可维护。 自定义事件的实现通常涉及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值