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 | 国产成人精品一区二 | 久久久久国产一区二区三区 | 国产精品久久精品 | 欧美一级做性受免费大片免费 | 日韩中文字幕在线观看 | 国产高清视频 | 久久久妇女国产精品影视 | 国产黄色在线 | 欧美精品一二三 | 很黄很污的网站 | 亚洲精品久久久久久久久久吃药 | 综合一区| 91精品国产91久久久久久最新 | 91欧美激情一区二区三区成人 | 免费观看一级特黄欧美大片 | 色屁屁在线观看 | 538在线精品 | 日日夜夜精品视频 | 欧美一区二区三区免费在线观看 | 日韩成人在线视频 | 久久久久国产 | 国产成人综合久久 | 亚洲午夜小视频 | 久久这里只有精品首页 | 欧美精品一区三区 | 久久三区 | 国产高清一区二区三区 | 国产一级特黄视频 | 久草免费在线视频 | 久久精品视频在线观看 | 欧美情趣视频 | 欧美日韩高清一区二区三区 | 精品一二区 | 精品毛片| 国产一区二 | 天天干天天爱天天操 | 日本三级网址 | 中文字幕日韩欧美一区二区三区 | 不卡av电影在线播放 | 四虎影院美女 |