Контекстное правой кнопкой мыши событие

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

Answer 2

Первое использование TR> селектор TD

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

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