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')

如何在asp.net上点击鼠标单击gridview单元格？

1 个答案: