JavaScript处理中获取事件源对象

最新推荐文章于 2022-04-25 15:33:41 发布
最新推荐文章于 2022-04-25 15:33:41 发布
阅读量618 收藏
点赞数
分类专栏： web前端技术 JavaScript 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48783543/article/details/109138223
版权

第一种绑定方式（直接绑定到标签后面的事件）获取事件源的方法

在这里插入图片描述

这里的this就是指的是这个h2标签所以再控制台输出的时候会将整个控制台输出
如果然后通过传引用的方式将事件源对象传入到事件处理程序中：这里的ob指的就是this，然后就可以通过ob的方法来创建事件

第二种绑定方式（通过添加js代码的方式）来获取事件源的方法

在这里插入图片描述

第一种事件源的获取需要在方法中传入一个this，但是在第二种方法中我们不需要将this传入，这里的this就是表示的当前事件源然后就可以通过this来创建标签的格式

[QQ红包]:恭喜发财
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js - 事件对象
weixin_57135131的博客
11-10 1347
js 事件对象。
JS获取事件源
MYG_G
06-22 1781
获取事件源原理：将子元素的事件交给父元素处理，提高性能，利用事件冒泡 <body> <ul id='ul'> <li>1</li> <li>2</li> <li>3</li> <h4>hhhh4444</h4> <li>4</li> <li>5</li> <li>6</li&gt
JS 获取触发事件的对象
dianboliao0344的博客
01-20 355
event.srcElement：引发事件的目标对象，常用于onclick事件。 event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。 event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。 onmouseover时，srcElement相当于toEle...
javascript获取事件源
weixin_33904756的博客
05-11 187
JavaScript获取事件源 Js代码 varnode=evt.currentTarget||evt.srcElement; varobj=event.srcElement?event.srcElement:event.target; 加强版: Js代码 vareventTarget...
js中获取事件对象的方法小结
12-01
代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的方式，直接在html的属性中写JS代码 代码如下: <div xss=removed>Div1 Element</div> 大概这是上世纪90年代的写法，那时候直接把js代码写在网页中很普遍，也许那时候的js并不太重要，只是用来做做验证或一些花哨的效果而已。如何在这种添加事件方式下获取到事件对象？IE中很简单，因为event是作为全局对象的，所以直接使用event即可，如下 代码如下: <d
JavaScript中的事件处理
10-30
- 当事件触发时，JavaScript会创建一个事件对象，它包含了关于事件的详细信息，如事件类型、事件源等。事件处理程序可以访问这个对象来获取更多信息。 理解并熟练运用这些知识点，开发者可以创建出更加交互性和...
js获取事件源及触发该事件的对象
10-26
本文将深入探讨如何在JavaScript中获取事件源以及触发该事件的对象。 首先，事件源可以通过`event`对象来获取。在JavaScript中，每当一个事件发生时，都会创建一个`event`对象，这个对象包含了与事件相关的各种信息...
window.event.srcElement 得到事件源对象
09-06
在JavaScript中，事件处理是相当重要的一个部分，它允许我们对用户的交互做出反应。`window.event.srcElement` 是一个在IE浏览器中获取触发事件的元素的方法。虽然在标准的DOM事件模型中，这个属性被`event.target`...
vue如何获取点击事件源的方法
08-29
在Vue.js中，获取点击事件源，即获取到触发事件的元素对象，是常见的需求，尤其是在处理复杂的交互逻辑时。本文将详细介绍如何在Vue中获取点击事件源，并通过一个简单的示例来展示其用法。 首先，Vue.js的事件绑定...
Javascript 阻止javascript事件冒泡，获取控件ID值
10-29
事件冒泡和获取控件ID值是JavaScript事件处理中的两个重要概念，对于理解JavaScript事件模型以及创建交互式网页至关重要。以下是关于这两个概念的详细说明： 1. **事件冒泡** 事件冒泡是指事件开始时由最具体的元素...
javascript事件函数中获得事件源的两种不错方法
12-12
在javascript的事件响应中，许多情况我们需要获得事件源对象来对其属性进行更改，比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种： 第一种： 直接把作为一个参数传入。例如 代码如下: <div id=”myid” xss=removed>text</div> [removed] function show(obj){ window.alert(obj.id); } [removed] 第二种： 直接掉用隐藏的event对象。event对象有个srcElement属性，可以直接访问它 代码如下: <
JS day11—事件
qq_48991522的博客
09-21 135
1.事件： 对某个元素的某种操作 事件三要素：事件元素，事件类型，事件对象（可有可无） 事件对象：当某个事件触发时产生的对象，就是事件对象。 event使用前提，必须有事件。不同的对象产生的事件不同。 事件对象的兼容写法： var e = evt || event 宏观事件分为鼠标事件和键盘事件。 2.鼠标事件对象的属性： 坐标属性： pageX / pageY 相对于整个文档（整个页面）顶部和左侧的坐标 clientX / clientY 相对于局部窗口（窗口）的左侧和顶部的..
JS获取事件的源对象
weixin_33725270的博客
01-09 267
event.srcElement event.srcElement.id ================================================================================ 在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象...
JS事件之事件对象和事件源
热门推荐
每天进步一点点
05-11 1万+
要想搞明白js的事件机制，必须搞清楚几个概念：事件对象，事件源，还有事件流 事件对象： 当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。 怎么理解那？？ document.onmousemove = function
js-event(事件对象)详解
顺其自然~专栏
04-25 1万+
1、事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如：当用户单击某个元素的时候，我们给这个元素注册的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个event对象。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 使用场景即： var oDIv = document.getElementById('box'); oDiv.onclick = function(...
js 获取事件对象
hw1287789687的专栏
05-12 124
js 获取事件对象 e = e || window.event || arguments.callee.caller.arguments[0];  实例: //监听聚焦事件 $(el).focus(function(e){ if (me.focus_callback &amp;&amp; typeof me.fo...
js中获得事件对象
mengduxiu的博客
12-04 164
事件对象event function clickFunc(e){ var eve=e || window.event; } 符合W3C标准的浏览器，将事件对象作为事件处理函数的第一个参数传入。IE浏览器将事件对象存储在了全局对象window中，即window.event ...
js/javascript获取事件源 初始事件
linyutu的博客
08-24 747
function myfunction(event) {      event = event ? event : window.event;      var obj = event.srcElement ? event.srcElement : event.target;      //这时obj就是触发事件的对象，可以使用它的各个属性      //还
javascriptYUI基础知识.pdf
11-05
首先，我们要了解事件源对象，可以通过event.srcElement.tagName来获取事件源元素的标签名，通过event.srcElement.type获取元素的类型。我们还可以使用event.srcElement.setCapture()和event.srcElement....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值