js事件委托怎么确认是哪一个点击的(获取元素索引值)

 分类:前端问答时间:2022-02-10 10:07:02点击:

js事件委托怎么确认是哪一个点击的也就是获取元素的索引值即可,看下面的这个例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>js事件委托,获取元素索引值</title>
</head>
<body>
<div class="box">
<ul id="ul">
<li>苹果</li>
<li>香蕉</li>
<li>雪梨</li>
</ul>
</div>
<script type="text/javascript">
let uls= document.querySelector('ul')
uls.onclick = ((e)=> {
console.log(getindex(e.target)) //打印出点击li的索引值
uls.removeChild(e.target)
})
//获取索引值函数
function getindex(current) {
var lis = uls.getElementsByTagName('li');
for(let i = 0; i < lis.length; i++) {
if(lis[i].innerHTML === current.innerHTML) {
return i;
}
}
}
</script>
</body>
</html>

js事件委托,获取元素索引值演示效果:https://tangjiusheng.cn/js/sjwt20220210.html

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: