av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - JS事件委托問(wèn)題

瀏覽:117日期:2022-11-23 16:08:54

問(wèn)題描述

<!DOCTYPE html><html lang='zh'><head>

<meta charset='UTF-8'><title>Title</title><style type='text/css'> li{list-style: none;cursor: pointer; }</style><script type='text/javascript'> window.onload = function(){var Ul = document.getElementById('ul');var Li = Ul.getElementsByTagName('li');Ul.onclick = function(ev){ var ev = ev || window.event; var target = ev.target || ev.srcElement; if(target.nodeName.toLowerCase() == 'li'){var index = 0;for(var i=0;i<Li.length;i++){ if(Li[i]===target){index=i; };}if(index>=0){ alert(’索引是’+index);} }} }</script>

</head><body>

<ul id='ul'>

<li>首頁(yè)</li><li>新聞</li><li>娛樂(lè)</li>

</ul>

</body></html>

我想問(wèn)一下,這種用事件委托的方式獲取索引的方式,有沒(méi)有更加簡(jiǎn)單的方法呢?

問(wèn)題解答

回答1:

children轉(zhuǎn)換為Array,然后直接調(diào)用indexOf。(沒(méi)考慮兼容性……)

<ul id='ul'> <li>1</li> <li>2</li> <li>3</li></ul>

const ul = document.querySelector(’#ul’)const children = Array.prototype.slice.call(ul.children)ul.onclick = (ev) => { const target = ev.target; console.log(’current index’, children.indexOf(target))}

這里有個(gè)例子

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 日本久久福利 | 成人午夜免费福利视频 | 日韩精品在线免费 | 中文字幕一区二区三区四区五区 | 色吊丝在线 | 国产综合网站 | 草草精品 | 综合久久av | 国产精品jizz在线观看老狼 | 亚州国产 | 毛片黄 | 亚洲免费视频在线观看 | 欧美黄在线观看 | 日韩精品在线免费观看 | 亚洲色图插插插 | 欧美综合视频在线 | 成人av高清 | 久久视频免费看 | 亚洲精品视频观看 | 日韩精品在线一区 | 色资源在线 | 午夜精品一区二区三区在线观看 | 在线视频国产一区 | 精品欧美乱码久久久久久 | 一区二区三区四区在线视频 | 国产欧美视频一区二区三区 | 国产在线对白 | 成人在线免费观看 | 亚洲国产欧美一区 | 91精品国产综合久久久久久丝袜 | 亚洲精品久久久久中文字幕欢迎你 | 99精品网 | 国产精品亚洲一区 | 国产在线播 | 免费观看一级特黄欧美大片 | 国产精品一区久久久 | 欧美aa在线 | 国产精品夜色一区二区三区 | 亚洲国产精品成人无久久精品 | 精品入口麻豆88视频 | 一区二区中文 |