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">

    <li class="mui-table-view-cell">

        <a class="mui-navigate-right">Item 1</a>

    </li>

    <li class="mui-table-view-cell mui-selected">

        <a class="mui-navigate-right">Item 2</a>

    </li>

    <li class="mui-table-view-cell">

        <a class="mui-navigate-right">Item 3</a>

    </li>

</ul>

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

list.addEventListener('selected',function(e){

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

});