e.detail.el.innerText的el指什么

Question

var list=document.querySelector('.mui-table-view.mui-table-view-radio');

list.addEventListener(function(e){

    console.log("当前选中的是："+e.detail.el.innerText);

});

Answer 1

如上图所示，e.detail.el值的是当前选中的li元素，此时是第一个li，li元素的innerText是"Item 1"；代码如下所示：<ul class="mui-table-view mui-table-view-radio">&nbsp; &nbsp; <li class="mui-table-view-cell">&nbsp; &nbsp; &nbsp; &nbsp; <a class="mui-navigate-right">Item 1</a>&nbsp; &nbsp; </li>&nbsp; &nbsp; <li class="mui-table-view-cell mui-selected">&nbsp; &nbsp; &nbsp; &nbsp; <a class="mui-navigate-right">Item 2</a>&nbsp; &nbsp; </li>&nbsp; &nbsp; <li class="mui-table-view-cell">&nbsp; &nbsp; &nbsp; &nbsp; <a class="mui-navigate-right">Item 3</a>&nbsp; &nbsp; </li></ul>var list = document.querySelector('.mui-table-view.mui-table-view-radio');list.addEventListener('selected',function(e){&nbsp; &nbsp; console.log("当前选中的为："+e.detail.el.innerText);});