上下文菜单右键单击事件答案

【问题标题】：Contextmenu right click event上下文菜单右键单击事件
【发布时间】：2016-08-29 18:56:53
【问题描述】：

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;
  });

【问题讨论】：

为 jquery 对象尝试 $(e.target)。否则，只需 e.target 用于普通的旧 javascript dom 元素。
它不起作用

标签： javascript php jquery twitter-bootstrap contextmenu

【解决方案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

【讨论】：

我想要 TR 的元素，这只是给我文本 :( 我需要从父或子读取到正文的元素...
@MuhammedAlmaz 您可以使用parent() 获取父母。像这样使用它：$(e.target).parent('tr')
@MuhammedAlmaz 如果你想要 html，你可以做alert($(e.target).parent('tr').html())
好的，我知道了：）谢谢

【解决方案2】：

第一次使用TR>TD选择器

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

【讨论】：

我想要 TR 的元素，这只是给我文本 :( 我需要从父或子读取到正文的元素...
你是指一个TR的所有TD，你在哪里右键？
当我点击右键时，我想要 TR 厄运元素。我点击了女巫一号
请不要介意，在我的编程生涯中，我从未听说过厄运这个词，无法让您了解这一点。如果您尝试使用其他词来表示您需要的操作，那就更好了！
我觉得我抓住了你，你的意思是放大到那里！而且您需要创建变量$contextmenu 来配合它进行缩放！如果我错了，请纠正我！

【解决方案3】：

Internet Explorer 引入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;
    });
});

【讨论】：