javascript - 如何使用右键单击突出显示表格行

Question

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

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

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

Answer 1

您可以使用 contextmenu 事件：

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

Answer 2

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

$('tr.selected')

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

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

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

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

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

Answer 3

您可以使用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/