<li onclick="handleClick(event)">Item 2</li> <li onclick="handleClick(event)">Item 3</li> </ul> <script> function handleClick(event) { console.log('List item clicked:', event.target.textContent); } </script> 优点: 简单易懂:适合初学者快速上手。 缺点: 代码维护差:逻辑与结构混杂,...
javascript // 选择所有的<li>元素 document.querySelectorAll('li').forEach(item => { // 为每个<li>元素添加点击事件监听器 item.addEventListener('click', function(event) { console.log('List item clicked:', event.target.textContent); // 在这里编写点击事件的处理逻辑 }); ...
function(){// 处理点击事件liElement.style.backgroundColor="red";varliText=liElement.textContent;doSomething();});// 触发绑定的点击事件liElement.dispatchEvent(newEvent("click"));// 其他函数functiondoSomething(){console.log("Do something");}...
<script type="text/javascript"> var ulItem = document.getElementById("ulItem"); ulItem.onclick = function(e){ e = e || window.event;//这一行及下一行是为兼容IE8及以下版本 var target = e.target || e.srcElement; if(target.tagName.toLowerCase() === "li"){ alert(target.innerHTM...
items[i].addEventListener('click', handleClick); } 3. 定义点击事件处理函数handleClick,该函数在每次点击li元素时会被触发,并在控制台输出对应li元素的值。 例如: function handleClick(event) { var value = event.target.textContent; console.log(value); ...
当然,实际情况中 li 下不一定只是单纯的文字,可能还嵌套了其他元素,那么可以通过 event.target.closest("li") 找到目标元素或其父元素中最近的 li 元素,然后再做判断即可,示例如下: document.getElementById("demo-ul").addEventListener("click", function (event) { const li = event.target.closest("li");...
ulItem.onclick=function(e) { e= e || window.event;//这一行及下一行是为兼容IE8及以下版本vartarget = e.target ||e.srcElement;if(target.tagName.toLowerCase() === "li") {varli =this.querySelectorAll("li"); index=Array.prototype.indexOf.call(li, target); ...
当你在<li>元素上绑定一个点击事件时,事件对象会包含触发事件的元素信息。你可以通过event.target来获取当前点击的元素。 代码语言:txt 复制 <ul id="myList"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <script> document.getElementById('myList').addEventListener('click', funct...
function clickLi(e){ //兼容ie 火狐 chrome e = e || window.event;e.target = e.target || e.srcElement;alert(e.target.nodeName);} <
item.addEventListener("click", itemDone); 我是javascript 的新手,所以我希望得到一些解释和答案。 对动态创建的元素使用事件委托。有了这个,你只需要在上有一个事件监听器,它将适用于你动态附加到它的所有元素: document.getElementById("list").addEventListener("click",function(e) { ...