Выделите весь текст ячейки одним щелчком мыши для редактирования ячейки вместо двойного щелчка в таблице primeng

#css #angular #typescript #primeng #primeng-turbotable

#css #угловой #typescript #primeng #primeng-turbotable

Вопрос:

Я использую p-таблицу с ячейками, заполненными целочисленными данными, и ее можно редактировать. Теперь при одном щелчке вводимый текст становится видимым с помощью курсора в конце текста ячейки. Требование состоит в том, чтобы выбрать все содержимое текста ячейки при редактировании одним щелчком мыши. В принципе, одиночный щелчок должен вести себя как двойной щелчок. Я добавил 2 события в app.component.html для ввода:

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

Но простой вызов eventEmitDoubleClick() из функции focusInFunction() не работает.

1. Не могли бы вы создать StackBlitz, пожалуйста?

2. (focus)="$event.preventDefault();focusInFunction($event)" не работает?

3. Я добавил (focus)=»$event.preventDefault();focusInFunction($event)» и вызвал this.eventEmitDoubleClick(событие) из функции focusInFunction(событие). Но по-прежнему безуспешно.

Ответ №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">

Развернуть фрагмент