如何用右键单击突出显示表格行[重复]答案

【问题标题】：How to highlight a table row with rightclick [duplicate]如何用右键单击突出显示表格行[重复]
【发布时间】：2013-05-23 21:35:32
【问题描述】：

我使用 jquery 创建了一个表。通过左键单击选择一行时，我可以突出显示该行。我为此使用了此代码....

 <script type='text/javascript'>
            $(document).ready(function() { 
                $("#tableData").delegate("tr", "click", function() {
                    $(this).addClass("selected").siblings().removeClass("selected"); 
                }); 
            });            
 </script>

现在我想选择一行并用右键单击更改颜色..请任何人帮助我...

【问题讨论】：

这可能会有所帮助：stackoverflow.com/questions/1206203/…

标签： javascript jquery

【解决方案1】：

你可以使用 contextmenu 事件：

$("#tableData").delegate("tr", "contextmenu", function(e) {
   alert('Context Menu event has fired!');
   //Do functionality here
   return false;
});

【讨论】：

【解决方案2】：

你可以使用事件对象的which属性：

<script type='text/javascript'>
            $(document).ready(function() { 
                $("#tableData").delegate("tr", "mousedown", function(event) {
                    if(event.which == 3){
                        $(this).addClass("selected").siblings().removeClass("selected"); 
                    }
                }); 
            });            
 </script>

这里是一个例子：http://jsfiddle.net/Eknr6/

【讨论】：

【解决方案3】：

您已经“选择”了您的行，您可以使用以下命令检索当前选择的行：

$('tr.selected')

要更改颜色，只需根据您选择的类更改您的 css，这里有一些示例：

tr.selected{
    color:red;
}
tr.selected a{
    color:black;
}

您可能还想将其添加到您的脚本中：

event.stopPropagation();
event.preventDefault();

如果您有任何事件不会触发您的点击事件（该事件不会冒泡或冒泡）

【讨论】：