javascript - 在列表中单击 > 获取根 UL ID

Question

我的列表如下所示；

<ul id="SiteNav" class="Mail New">
    <li class="Send"><a href="javascript:;" data-action="mail-send">Send</a></li>
    <li class="Insert">
        <a href="javascript:;" class="Drop">Insert <i class="fa fa-angle-down"></i></a>
        <ul>
            <li><a href="javascript:;" data-action="mail-files-as-attachments">Files as attachments</a></li>
            <li><a href="javascript:;" data-action="mail-pictures-inline">Pictures inline</a></li>
            <li><a href="javascript:;" data-action="mail-share-from-BananzaCloud">Share from BananzaCloud</a></li>
        </ul>
    </li>

然后我的脚本开始于；

$(document).on('mousedown', function(e) {

在此菜单上单击的所有链接上，我想检查 $(e.target) 是否是 id="SiteNav"

的子级

Answer 1

您可以监听所有文档鼠标按下事件，并根据事件目标过滤这些事件。

$(document).on('mousedown', function(e) {

        if ($(e.target).parents('#SiteNav').length){

          //your code
        }
    })

或者直接在菜单容器上监听的更好方法

$('#SiteNav a').on('mousedown', function(e) {
console.log('test');
})