Question

我想知道当我使用javascript或jquery右击这个li时如何获取li的id。

<ul>
    <li id="liid" class="collapsable">
        <div class="hitarea collapsable-hitarea">
        </div>
        <span class="folder">Group1.2</span>
    </li>
</ul>

我有右击功能。

$(document).bind("contextmenu", function (e) {
    // code to get the id of current li
});

任何人都可以帮助我。

Answer 1

使用.on('contextmenu', 'li')

$(function() {
    $('ul').on('contextmenu', 'li', function(e) { //Get li under ul and invoke on contextmenu
        e.preventDefault(); //Prevent defaults
        alert(this.id); //alert the id
    });
});

Demo

Answer 2

这会在document上使用事件委派，并且只有在点击li时才会触发。

$(document)
    .on('contextmenu', 'li', function(e) {
        e.preventDefault();
        console.log(this.id);
    });

与在$('ul')或$('li')上添加处理程序相比，这只会绑定一个处理程序。

Answer 3

你可以试试这个

$(function() {
    $('li').on("contextmenu", function (e) {
        alert(this.id);
        e.preventDefault();
    });
}

Demo

Answer 4

你可以使用它..

如果您想要右键单击打开上下文菜单，请使用以下代码：

$(function() {
    $('ul li').on('contextmenu', function() {
        alert(this.id);
    });
});

并且没有上下文菜单，然后使用下面的代码：

$(function() {
    $('ul li').on('contextmenu', function(e) {
        e.preventDefault();
        alert(this.id);
    });
});

新年快乐......

右键单击时如何获取元素的id

4 个答案: