javascript - 上下文菜单右键单击事件

Question

http://jsbin.com/iGaHAtu/2/edit?html,css,js,output

看这个链接我想得到点击表厄运元素。我该怎么做 ？我将尝试此代码，但没有用。

例如，当我单击右键并打开上下文菜单时，我想列文本。任何人都可以提醒内部列吗？

$("body").on("contextmenu", "table tr", function(e) {
    $contextMenu.css({
      display: "block",
      left: e.pageX,
      top: e.pageY
    });
    console.log($(this));
    return false;
  });

Answer 1

使用 $(e.target) 表示被点击元素的 jquery 对象。否则只需将 e.target 用于普通的旧 javascript dom 元素。

在您的情况下，要提醒列文本，请尝试以下代码:

$(function() {

  var $contextMenu = $("#contextMenu");

  $("body").on("contextmenu", "table tr", function(e) {
    $contextMenu.css({
      display: "block",
      left: e.pageX,
      top: e.pageY
    });
    alert($(e.target).text());
    return false;
  });

  $contextMenu.on("click", "a", function() {
     $contextMenu.hide();
  });

});

更多关于 event.target 的信息:https://developer.mozilla.org/en-US/docs/Web/API/Event/target