代码之家 › 专栏 › 技术社区 › RGriffiths

jquery检测被触摸的子菜单项的id

jquery

RGriffiths · 技术社区 · 6 年前

我有一个下拉菜单,在非触摸设备上运行良好,但在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。有什么线索吗?

1 回复 | 直到 6 年前

Louys Patrice Bessette 6 年前

尝试:

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

所以…在按钮上的Touchstart上…其他地方没有。然后使用 event 得到那个 target 属性,这是触发它的元素。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

5 月前

user28928120 · 如何在jquery中选择所有类?

5 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

5 月前

Eliable · 使点击计数器和进度条协同工作

6 月前

mlri · 从不同的onclick事件执行相同的javascript函数

6 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

6 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

6 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

6 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

6 月前