javascript中获取事件的源

最新推荐文章于 2024-06-21 12:48:05 发布
最新推荐文章于 2024-06-21 12:48:05 发布
阅读量701 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ltfgood/article/details/6002253
本文介绍了一种在JavaScript中获取触发事件源元素的方法。通过简单的代码实现,无论是使用IE还是其他浏览器,都能确保正确地找到触发事件的对象。

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

ltfgood
关注
js捕捉事件和事件源（以删除某一条目为例子）
lan_学习分享
05-23 360
通过这种获取捕捉方法，我们可以单独封装出js，减少页面的js代码量 1、delFunTest.js $(document).on('click','.jbxxBox',function(ev){ console.log("onclick"); var ev = ev || window.event;//事件，浏览器兼容 var target = ev.tar...
js获取事件源及触发该事件的对象
12-12
某Html元素有onclick方法：onclick=’return myfunction(event)’ 代码如下: function myfunction(event) { event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : event.target; //这时obj就是触发事件的对象，可以使用它的各个属性 //还可以将obj转换成jquery对象，方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));
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中获取事件对象的方法小结
12-01
代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的方式，直接在html的属性中写JS代码 代码如下: <div xss=removed>Div1 Element</div> 大概这是上世纪90年代的写法，那时候直接把js代码写在网页中很普遍，也许那时候的js并不太重要，只是用来做做验证或一些花哨的效果而已。如何在这种添加事件方式下获取到事件对象？IE中很简单，因为event是作为全局对象的，所以直接使用event即可，如下 代码如下: <d
js获取事件源对象
hsliwei的专栏
01-10 4832
js获取事件源对象时在IE、谷歌、遨游下用event都可以得到 但是在火狐下不行，不需要传入一个event事件源参数，才能够获取 eg:  function getSome() { var e=event||window.event; alert(e.button); } 测试 上面的测试在谷歌和IE下可以。但是在火狐下就不行，貌似火狐需要传事件源入口   function g
javascript获取事件源
weixin_33904756的博客
05-11 239
JavaScript获取事件源 Js代码 varnode=evt.currentTarget||evt.srcElement; varobj=event.srcElement?event.srcElement:event.target; 加强版: Js代码 vareventTarget...
JavaScript函数获取事件源的小例子
10-25
在给定的文件内容中，我们看到一个非常简单的示例，演示了如何在JavaScript中获取事件源。代码中定义了一个名为chang的函数，它通过参数event来获取事件源。 如果事件对象event没有被显式地作为参数传递给函数，...
vue如何获取点击事件源的方法
08-29
在Vue.js中，获取点击事件源，即获取到触发事件的元素对象，是常见的需求，尤其是在处理复杂的交互逻辑时。本文将详细介绍如何在Vue中获取点击事件源，并通过一个简单的示例来展示其用法。 首先，Vue.js的事件绑定...
js 获取事件源
hw1287789687的专栏
05-10 4174
js 获取事件源 var node = evt.currentTarget || evt.srcElement||evt.target||evt.toElement; ja.test((a.currentTarget||a.srcElement||a.target||a.toElement).readyStat * 获取事件源 * @param ev * @ret
JS获取事件源
MYG_G
06-22 1890
获取事件源原理：将子元素的事件交给父元素处理，提高性能，利用事件冒泡 <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
JavaScript处理中获取事件源对象
qq_48783543的博客
10-17 737
第一种绑定方式（直接绑定到标签后面的事件）获取事件源的方法 这里的this就是指的是这个h2标签所以再控制台输出的时候会将整个控制台输出 如果然后通过传引用的方式将事件源对象传入到事件处理程序中：这里的ob指的就是this，然后就可以通过ob的方法来创建事件 第二种绑定方式（通过添加js代码的方式）来获取事件源的方法 第一种事件源的获取需要在方法中传入一个this，但是在第二种方法中我们不需要将this传入，这里的this就是表示的当前事件源然后就可以通过this来创建标签的格式 ...
javascript 事件源
03-11 366
//事件源对象  event.srcElement.tagName event.srcElement.type //捕获释放  event.srcElement.setCapture(); event.srcElement.releaseCapture(); //事件按键  event.keyCode  event.shiftKey  event.altKey
Javascript：获取事件对象
最新发布
听海边涛声
06-21 541
Javascript：获取事件对象
Javascript中的事件源
weixin_45777923的博客
03-11 1058
Javascript中的事件源 疑问一：什么是事件源？ 解答：发生事件的对象，一般指某一具体的组件，比如点击的按钮，超链接等等 疑问二：使用事件源有什么好处？为什么要使用事件源？ 解答：可以大量的节省性能，提升网页运行速度。例如，在一个div容器中有多个p标签，我们需要点击里面的p标签进行函数事件处理，如添加一个类名active，单击让它变为蓝色。我们之间常用的方法为let一个变量，使用querySelectorAll("p")进行获取所有的p标签，然后利用for循环对其所有的p标签绑定一个单击响应函
js获取元素属性及事件
weixin_67642008的博客
06-29 3023
HTML中元素属性&滚动条属性&类名样式操作方法&鼠标事件
js基础知识（2）
智商不在服务区的博客
04-25 1298
addEventListener() 方法用于向指定元素添加事件处理程序（事件句柄handler）。参数1：事件名称必须。字符串，指定事件名。注意: 不要使用 “on” 前缀。例如，使用 click ,而不是使用 onclick。参数2：function 必须。指定要事件触发时执行的函数。注意：事件对象会作为第一个参数传入函数。参数3：useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。true - 事件处理程序（事件句柄）在捕获阶段执行false默认。
解决JavaScript中获取Gridview单元格层级的难题
它将数据源中的数据以表格的形式展现出来，并且能够支持分页、排序等操作。 2. **JavaScript与ASP.NET交互**：在ASP.NET Web应用中，前端的JavaScript和后端的.NET代码需要通过特定的方式进行交互。比如，可以在ASP...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值