Ag-grid：使用 enableCellTextSelection 并选择文本时如何禁用单元格单击事件？

Question

使用 ag-Grid Community 和 Angular，我设置[enableCellTextSelection]="true" 启用单元格文本选择以方便复制粘贴，但我发现cellClicked 事件在选择文本并释放鼠标按钮时仍会触发（即鼠标在同一个单元格中被单击、拖动和释放）。

有没有办法检测在cellClicked 事件中选择了文本并“取消/快速退出”它？

我寻找一种方法来区分鼠标向下和鼠标向上坐标，但找不到任何东西......

谢谢。

---

正在使用的版本

• ag-grid-angular: 23.2.1
• ag-grid-community: 23.2.1

Answer 1

您可以使用以下解决方法。使用window.getSelection() 获取用户选择的文本。由此，您可以确定是否选择了文本。

将您的 cellClicked 回调函数更改为：

cellClicked(event)
    {
      if (window.getSelection().type !== 'Range')
      {
        //text has not been selected, the cell has been clicked
        console.log('cellClicked');
      }
    }

Demo