Когда я нажимаю на поле ввода, я хочу, чтобы текст в поле ввода выделялся. Когда я использую Google Chrome, при первом нажатии на поле ввода текст будет выделен (как и должно быть). Но затем, если я щелкну где-нибудь еще на экране, а затем нажму на поле ввода еще раз, текст не будет выделен. Затем, если я щелкну где-нибудь еще на экране, а затем щелкну в поле ввода в третий раз, он выберет текст. И так цикл продолжается. Эта проблема возникает только в Google Chrome. Я создал фрагмент, но проблема не может быть воспроизведена там.
Как заставить его выделять текст при каждом щелчке по полю ввода?
var inputFieldEl = document.getElementById("inputField");
inputFieldEl.addEventListener('click', function () {
inputFieldEl.select();
})
#input input {
width: 50px;
border: 1px solid #000000;
text-align: right;
}
<div id="input"><input id="inputField" type="text" value="50"></div>