Question

我在页面中使用jquery的上下文菜单，但是当我点击这个div上的右键时，我无法获取特定div的id。

Answer 1

$('#element').on("contextmenu",function(){
   alert(this.id);
});

或

$('#element').on('mousedown', function(e) {
    if (e.which === 3) {
        alert(e.target.id);        
    }
});

Answer 2

$("#id").click(function() { console.log($(this).attr("id")); })

在jQuery中，触发事件的对象始终是这样。

Answer 3

这是一个例子。

HTML ::

<div id="buttondiv">
    <button type="button">Click Me!</button>
</div>

jquery代码：

$(document).ready(function(){
    $("button").on("mousedown", function(e){
       if(e.which == 3){
          var divId = $(this).parent().attr("id");
          console.log(divId);
       }
   })
});

Answer 4

_{我假设你的意思是“右键点击div”}

这适用于页面上的任何<div>：

//bind the event to the document, using the delegate of "div"
$(document).on('mousedown', 'div', function (e) {
    //check that the right mouse button was used
    if (e.which === 3) {
        //log the [id] attribute of the element that was right-clicked on
        console.log($(this).attr('id'));
    }
});

如何右键单击Div Id

4 个答案: