ul.addEventListener('click', function(event) { if (event.target.tagName.toLowerCase() === 'li') { // some code } }); 上面代码的click事件的监听函数定义在ul节点,但是实际上,它处理的是子节点li的click事件。这样做的好处是,只要定义一个监听函数,就能处理多个子节点的事件,而且以后再添加子节点,...
Event.currentTarget,Event.target Event.currentTarget属性返回事件当前所在的节点,即正在执行的监听函数所绑定的那个节点。 Event.target属性返回原始触发事件的那个节点,即事件最初发生的节点。事件传播过程中,不同节点的监听函数内部的Event.target与Event.currentTarget属...
JavaScript是一种广泛应用于前端开发的编程语言,它可以用于为网页添加交互性和动态效果。在JavaScript中,无法在单击事件中直接获取tagName属性,但可以通过其他方式来获取元素的标签名。 一种常见的方法是使用event.target属性来获取触发事件的元素,然后使用tagName属性来获取该元素的标签名。示例代码如下: ...
{ document.querySelector("#calculator").addEventListener("click", function (event) {if(event.target.tagName.toLowerCase() ==="button") {switch(event.target.className) {case"operator": operation =event.target.innerText;break;case"calculate": calculateResult();break;default:break; } } }); }...
EventTarget—— 为事件(包括事件本身)提供支持, ……最后,它继承自Object,因为像hasOwnProperty这样的“普通对象”方法也是可用的。 我们可以通过回调来查看 DOM 节点类名,因为对象通常都具有constructor属性。它引用类的 constructor,constructor.name就是它的名称: ...
document.getElementById('myList').addEventListener('click',function(event){if(event.target.tagName==='LI'){console.log('你点击了:',event.target.textContent);}}); 2.2 jQuery事件delegate()实现 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时...
if(event.target.tagName === 'LI') { console.log('List item clicked:', event.target.textContent); } }); 1. 2. 3. 4. 5. 6. 7. 阻止默认行为与冒泡 document.getElementById('link').addEventListener('click', function(event) {
function callback(event) { var tag = event.currentTarget.tagName; console.log('Tag: ' + tag); // 没有任何输出 } div.addEventListener('click', callback, false); var click = new Event('click'); p.dispatchEvent(click); 1. 2.
tagName: event.target.tagName, //标签名 }); } }, true ); ///由于网络请求不会冒泡,必须在捕获阶段处理 复制代码 4.unhandledrejection,rejectionhandled unhandledrejection:当Promise被reject且没有reject处理器的时候,会触发unhandledrejection事件...
JavaScript事件属性event.target和currentTarget属性的区别。event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素 ⼀、事件属性:event.target target事件委托的定义：本来该⾃⼰⼲的事，但是⾃⼰不⼲，交给别⼈来⼲ 例⼦1 1<!DOCTYPE html> 2 3 4 5 6 7 8 ...