右键单击事件

Question

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

看看这个链接，我想要得到点击的表厄姆元素。我该怎么做呢？我将尝试这段代码，但没有起作用。

例如，当我点击右边并打开contextmenu时，我想要列文本。有人能通知内部柱吗？

$("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对象。否则，只需对普通的旧javascript元素使用e.target。

在您的示例中，要警告列文本，请尝试以下代码：

$(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

Answer 2

首先使用TR>TD选择器

$("table tr >td").on("contextmenu", function(e) { alert($(this).text()); //rest of the statements goes here });

Answer 3

Internet引入了element.innerText，其他浏览器使用element.textContent。

$(function() {
    $("body").on("contextmenu", "table tr", function(e) {
        var target = e.target.parentElement;
        var text = target.innerText || target.textContent;
        alert(text);
        return false;
    });
});