Select 单击整个单元格文本进行单元格编辑，而不是在 primeng 中双击 table

Question

我正在使用 p-table 单元格填充整数数据并且是 editable。现在单击输入文本，光标位于单元格文本的末尾。要求是 select 单击编辑单元格文本的全部内容。基本上单击应该像双击一样。我在 app.component.html 中添加了 2 个事件用于输入：

(focus)="focusInFunction($event)"
(dblclick)="eventEmitDoubleClick($event)"

但是简单地从 focusInFunction() 函数调用 eventEmitDoubleClick() 是行不通的。

Answer 1

在这里你可以尝试这样的事情：

$('#highlight').on('click', function() {
  var Target = document.getElementById("highlight");
  Target.select();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="hello world" id="highlight">

Select entire cell text on single click for cell edit instead of double click in primeng table