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在线 | 天天插天天操 | 国产电影一区二区在线观看 | 国产成人久久av免费高清密臂 | 日日日操| 精品国产一区探花在线观看 | 久久精品亚洲 | 91精品国产综合久久福利软件 | 激情av网站| 日韩在线观看视频一区 | 91文字幕巨乱亚洲香蕉 | 午夜视频精品 | 天天碰日日操 | 99久久久国产精品免费消防器 | 国产亚洲精品久久久久动 | 中文字幕 国产 | 欧美综合网 | 精品一区二区三区不卡 | 欧美日韩一区二区三区不卡视频 | 久久久国产一区二区三区 | 男女啪啪网址 | 成人a视频 | 欧美精品一二区 | 中文字幕乱码一区二区三区 | 91精品久久久久 | 二区国产 | 99精品国自产在线 | 久久精彩视频 | 成人免费视频在线观看 | 欧美激情在线观看一区二区三区 | 国产成人免费视频网站高清观看视频 | 成人免费视频 | 久草www | 国产乱精品一区二区三区 | 日日摸日日添日日躁av | www国产亚洲精品久久网站 | 黄色毛片在线观看 | 一区二区小视频 | 国产无人区一区二区三区 | 国产精品日本一区二区在线播放 |