jQuery检测已触摸的子菜单项的ID

Question

我的下拉菜单在非接触设备上正常工作，但是当在iPad上查看时，菜单不会在选择/触摸的选择时消失。

我可以在触摸的菜单项上触发事件：

    $(document).on('touchstart', function() {
         ....
    });

，但我不确定如何识别哪个ID触发了事件。

我尝试过：

        var selectedID = $(this).attr("id");

，但这导致不确定。菜单结构如下：

<div class="dropdown">
    <button class="button_main" id="admin">Admin</button>
    <div class="dropdown-content">
        <button class="button_sub" id="admin_users">Users</button>
        <button class="button_sub" id="admin_depts">Departments</button>
    </div>
</div> 

当触摸子菜单项时，我真正需要的是主菜单ID的ID。任何指针？

Answer 1

尝试：

$(document).on('touchstart', "button", function(event) {
     var selectedID = $(event.target).attr("id");
     console.log(selectedID);
});

So ...在按钮上的触摸start上...不是其他任何地方。然后使用event获取该 target属性，这是触发它的元素。