如何在鼠标单击 asp.net 时突出显示 GridView 单元格

Question

$('#<%= gr.ClientID%>tr').click(function () {
            $(this).addClass('highlightCell');
        }, function () {
            $(this).removeClass('highlightCell');
        });
    });
<asp:GridView ID="gr" runat="server" DataKeyNames="Name" AutoGenerateColumns="false">

此代码适用于鼠标悬停，但不适用于鼠标单击。
请帮助我。
提前致谢

Answer 1

所以

基本上，你需要做的是当鼠标按下给定单元格时做一些事情（突出显示行），并在释放鼠标时删除突出显示。 jQuery .click不是你应该使用的。你应该看看jQuery的.mouseup和.mousedown事件。

试试这个：

$('td', '#<%= gr.ClientID%>')
  .mouseup(function() {
       $(this).removeClass('highlightCell');
  })
  .mousedown(function() {
    $(this).addClass('highlightCell');
  });

此外，您需要将事件绑定到 gridView 的TDs，因此您需要仅在 gridView 中查找 tds，了解如何限定 jquery 的 DOM 遍历范围。 你应该像这样限制你的选择器：

$('selector', 'scope')