JS获取事件源

最新推荐文章于 2024-05-19 21:53:49 发布
最新推荐文章于 2024-05-19 21:53:49 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40657321/article/details/106902164
版权

获取事件源原理：将子元素的事件交给父元素处理，提高性能，利用事件冒泡

<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>
			<li>7</li>
			<p>ppppppppM</p>
			<li>8</li>
			<li>9</li>
			<li>10</li>
		</ul>
		
		<script>
//事件委托，将子元素的事件交给父元素处理，利用了事件冒泡，提高浏览器性能
			var oUl=document.getElementById("ul");
			//获取事件源
			oUl.onclick=function(evt){//oUl点击事件
				var e = evt || window.event;//事件兼容
				//event.target 获取标准浏览器的事件源
				//event.srcElement  获取Ie浏览器的事件源
				var target = e.target || e.srcElement;//获取事件源target兼容
				if(target.nodeName.toupperCase() === 'LI'){//事件源的节点名称大写为LI，获取li元素
					alert(target.innerHTML);
				}
			}
		</script>
	</body>
MYG_G
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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获取事件源对象
hsliwei的专栏
01-10 4770
js获取事件源对象时在IE、谷歌、遨游下用event都可以得到 但是在火狐下不行，不需要传入一个event事件源参数，才能够获取 eg:  function getSome() { var e=event||window.event; alert(e.button); } 测试 上面的测试在谷歌和IE下可以。但是在火狐下就不行，貌似火狐需要传事件源入口   function g
JS基础：获取事件对象及注册事件
最新发布
2301_80092823的博客
05-19 308
也是个对象，这个对象里有事件触发时的相关信息例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息使用场景可以判断用户按下哪个键，比如按下回车键可以发布新闻可以判断鼠标点击了哪个元素，从而做相应的操作。1.事件对象是什么?也是个对象，这个对象里有事件触发时的相关信息2.事件对象在哪里?在事件绑定的回调函数的第一个参数就是事件对象（本身e是一个普通的参数，但是在事件监听函数里， 我们默认是一个对象。部分常用属性。
JavaScript处理中获取事件源对象
qq_48783543的博客
10-17 623
第一种绑定方式（直接绑定到标签后面的事件）获取事件源的方法 这里的this就是指的是这个h2标签所以再控制台输出的时候会将整个控制台输出 如果然后通过传引用的方式将事件源对象传入到事件处理程序中：这里的ob指的就是this，然后就可以通过ob的方法来创建事件 第二种绑定方式（通过添加js代码的方式）来获取事件源的方法 第一种事件源的获取需要在方法中传入一个this，但是在第二种方法中我们不需要将this传入，这里的this就是表示的当前事件源然后就可以通过this来创建标签的格式 ...
js 获取事件源
hw1287789687的专栏
05-10 4086
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
javascript获取事件源
hw1287789687的专栏
05-09 380
javascript获取事件源 var node = evt.currentTarget || evt.srcElement; var obj = event.srcElement ? event.srcElement : event.target;   加强版: var eventTarget = event.srcElement || event.target || even...
js获取事件源及触发该事件的对象
12-12
某Html元素有onclick方法：onclick=’... //这时obj就是触发事件的对象，可以使用它的各个属性 //还可以将obj转换成jquery对象，方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));
JavaScript函数获取事件源的小例子
10-25
在JavaScript中获取事件源的方法有多种，以下是几个主要的方式： 1. event.target：它指向触发事件的最顶层元素，即事件最初发生时所对应的元素。 2. event.currentTarget：它指向绑定事件监听器的元素，即当前...
JS远程获取网页源代码实例
10-26
页面中有一个输入框，用于用户输入想要获取源代码的网页地址；还有一个按钮，用于触发获取源代码的操作；最后，有一个文本区域，用来显示获取到的网页源代码。 6. 事件绑定：通过`onclick`事件监听器，当用户点击...
vue如何获取点击事件源的方法
08-29
在Vue.js中，获取点击事件源，即获取到触发事件的元素对象，是常见的需求，尤其是在处理复杂的交互逻辑时。本文将详细介绍如何在Vue中获取点击事件源，并通过一个简单的示例来展示其用法。 首先，Vue.js的事件绑定...
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中获取事件的源
ltfgood的专栏
11-11 649
<br />var obj = event.srcElement ? event.srcElement : event.target;
JavaScript如何获取事件源对象
Charlesix59的博客
01-26 1707
写在前面 鉴于JS这门语言神奇的特性，我会开辟一个专栏来收录一些==现代的==、==行之有效的==且==方便使用的==解决某一类==看起来简单==却==难以解决==并且比较关键与基础的问题。 此举并非旨在贻笑大方，止自己查阅方便耳 言归正传，获取事件源的方法，event将要被淘汰，我们或许更应该使用一种代替。目前没有找到其他更方便的方法，大家可以用这个 in HTML <a onclick="submit(this)">删除</a> in JS function submit(
js捕捉事件和事件源（以删除某一条目为例子）
lan_学习分享
05-23 306
通过这种获取捕捉方法，我们可以单独封装出js，减少页面的js代码量 1、delFunTest.js $(document).on('click','.jbxxBox',function(ev){ console.log("onclick"); var ev = ev || window.event;//事件，浏览器兼容 var target = ev.tar...
JavaScript事件来源元素
不积跬步,无以至千里;不积小流,无以成江海
07-20 1603
些时候我们需要知道是哪个元素触发了某个事件，我们可以事件响应函数中获得这个元素。但是在不同的浏览器中我们需要使用不同的方法来获得这个来源元素。假设evt为事件对象：W3C标准中，使用evt.target,而IE为evt.srcElement。所以我们可以用如下代码来跨浏览器地获得事件的来源元素： function clickFunc(e){ var evt = e || window.even
JavaScript：事件源与事件流
QIANDXX的博客
04-26 1061
事件源 在事件中，当前操作的那个元素就是事件源。比如网页元素中 input 有 onclick 事件，当点击 input 发送 onclic 事件时，事件源就是 input。 常见事件源： (鼠标) 事件 描述 onclick 鼠标单击对象时触发 ondblclick 鼠标双击对象时触发 onmousedown 鼠标按钮被按下时触发 onmousemove 鼠标被移动时触发 onmouseout 鼠标离开监听该事件的元素或子元素时触发 onmouseover 鼠标移动到监
javascript中获得事件源
JavaNoob的博客
09-16 225
[code="js"] 如何获取事件触发源（兼容IE和FireFox） function ClickMe(e) { var src = e.target || window.event.srcElement; alert(src.value); alert(src.innerHTML); } function ClickMe2() { var e...
video js 爬虫获取视频源
12-28
video js 爬虫是一种用于获取视频源的工具。这种爬虫可以通过分析网页的源代码和网络请求，找到视频文件的真实地址并进行下载或者嵌入到其他网页中。 想要使用video js 爬虫获取视频源，首先需要了解网站的页面结构和视频文件的存储位置。然后，通过编写爬虫程序来模拟用户访问网页并获取视频源地址。一般来说，视频在网页中都会以HTML 5 视频标签（<video>）的形式存在，通过分析这个标签中的属性和子元素，可以找到真正的视频文件地址。 获取到视频源地址之后，就可以对视频进行下载或者进行其他操作。需要注意的是，爬取视频源时需要遵守网站的规定和法律法规，确保不会侵犯他人的权益。 video js 爬虫可以帮助用户快速获取和管理视频资源，对于一些需要大量视频的网站或者应用来说，是非常有用的工具。但是需要注意的是，使用爬虫获取视频源也存在一定的风险，需要慎重使用，遵守相关法律法规和道德规范。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值