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)文章:
主站蜘蛛池模板: 国产精品久久久久久一区二区三区 | 狠狠躁天天躁夜夜躁婷婷老牛影视 | 91久久北条麻妃一区二区三区 | 国产区在线视频 | 欧美精品片| h视频在线免费观看 | 国产精品久久久久久模特 | 国外成人免费视频 | 在线色网| 欧美a在线 | 亚洲 成人 av | 国产精品一区二区三区久久 | 欧美在线a | 中文字幕人成人 | 国产精品一区在线观看 | 国产成人精品一区二区三区在线 | 久久久久久久电影 | 欧美一区二区三区四区五区无卡码 | 国产视频精品免费 | 日本一区二区三区四区 | 日韩激情网 | 国产视频1 | 日韩中文久久 | 成人小视频在线观看 | 在线观看www视频 | 国产日韩欧美一区 | 精品免费国产视频 | 国产精品美女久久久久久久久久久 | 亚洲xxxxx | 日本福利视频免费观看 | 韩日在线| 激情视频中文字幕 | 精品成人av | 成人精品免费视频 | 中文字幕一区二区三区乱码图片 | 久久久免费观看视频 | 国产精品免费看 | 中文天堂在线一区 | 久久免费视频网 | 色免费看 | 欧美日韩一二三区 |