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

您可以使用事件对象的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/

Answer 3

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

$('tr.selected')

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

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

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

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

如果您有任何事件，他们将不会触发您的点击事件（该事件不会起泡或下降）

如何通过右键单击突出显示表行

3 个答案: