相关文章推荐
任性的蘑菇  ·  C# ...·  1 年前    · 
正直的松球  ·  antd-table ...·  1 年前    · 
瘦瘦的鸡蛋面  ·  layui Table数据表格 ...·  1 年前    · 

target定义:
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

event.target

event.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)

event.target.id //获取事件触发元素id

event.target.className //获取事件触发元素classname

event.target.innerHTML //获取事件触发元素的内容(li)

jquery:this 与 e.target区别:

this会冒泡。e.target不冒泡就是指向事件触发的dom。

今天在实现点击图片跳转到另一个页面的时候,使用e.target,一直跳转不了。打印e.target.className发现点击图片时e.target.className为空。只有点击a中除img的部分(很小的一部分),才能跳转成功。因此为img添加和a相同的class,实现点击a和img都跳转。

<a id="termTip" class="termTipClass" href="#">
	<img src="../images/tip.png" alt="termTip">
$('#infoconfig').click(function(e){
		//alert(e.target.className);  
		if($(e.target).is(".termTipClass")){            //<img> add the same class with <a>
			var anchor = "#ServerConfiguration";
			goHelpAnchor(anchor);

改后的代码:

<a id="termTip" class="termTipClass" href="#">
	<img src="../images/tip.png" class="termTipClass" alt="termTip">
                    target定义:target 属性规定哪个 DOM 元素触发了该事件。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:event.targetevent.target.nodeName    //获取事件触发元素标签名(li,p,div,img,button…)event.target.id      //获取事件触发元素idev...
				
target定义: target 属性:触发事件的对象的引用(某个dom元素)。当事件处理程序在事件的冒泡或捕获阶段被调用。 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。 event.target event.target.nodeName   //获取事件触发元素标签名(li,p,div,img,button…) event.target.id      //获取事件触发元素id event.target.className  //获取事
对于事件的传播机制,Netscape Communicator采用的是事件捕获(event capture),IE9、Safari、Chrome、Opera和Firefox采用的是事件冒泡(event bubbling),下面我们通过案例来具体理解,代码使用chrome浏览器进行测试,先给出HTML和CSS文件:&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt...
DOM概述 DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JavaScript 对象,从而可以用脚本进行各种操作(比如对元素增删内容) 浏览器会根据 DOM 模型,将结构化文档HTML解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口 DOM 只是一个接口规范,可以用各种语言实现。所以严格地说,DOM 不是 JavaScript 语法的一部分,但
解决KEIL5 Error #550: 错误 Error #550: Requested device STM32F103C8(STMicroelectronics) not found for target 'MBOT' 完美解决错误,亲测可用,Keil.STM32F1xx_DFP.2.3.0安装包 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.fi
在 JavaScript 中,事件对象(event object)是指由浏览器创建并传递给事件处理函数的对象,它包含了所有事件相关的信息。其中,事件对象的 target 属性表示触发了事件的元素(即事件的目标元素)。因此,e.target 表示当前事件的目标元素,它是一个 DOM 元素(DOM Element)。 e.target.text 就是获取当前事件的目标元素的文本内容。可以理解为,e.target.text 是获取了事件的目标元素所包含的文本内容。例如,如果点击了一个按钮,那么按钮上的文本内容就可以使用 e.target.text 来获取。 用法示例: ```js // 给按钮添加点击事件 var btn = document.querySelector('button'); btn.addEventListener('click', function(e) { // 获取触发事件的目标元素 var targetElement = e.target; // 获取目标元素所包含的文本内容 var buttonText = targetElement.text; // 输出文本内容 console.log(buttonText);