выберите все входное значение в поле ввода

Question

У меня есть это на веб-странице. Когда пользователь нажимает элемент ввода, я хочу, чтобы значение входных элементов было выбрано автоматически.

я могу сделать это, сделав OnClick событие this.select(), как показано ниже

<input type="number" onclick="this.select();" > 

Это будет выбрано значение в FireFox, хром и IE. но это не будет в сафари. я хочу сделать это пригодным для Iphones тоже. жесткий поиск Google я нашел способ, который яваскрипт сафари поддержки то будет выглядеть примерно так

document.getElementById(inputElementsId).setSelectionRange(0, 9999); 

Но это не поддержка ввода типа «число». Итак, есть ли другой способ добиться этого?

Как всегда, спасибо за ваше время.

Answer 1

Когда вы говорите сафари, я полагаю, вы имеете в виду сафари iOS? Во всяком случае, на сенсорном устройстве событие клика может не быть запущено, но вместо этого произойдет событие touch. Вы можете использовать эти:

$("input[type='number']").on('click touchstart', function() { 
    $(this).select(); 
}); 

Answer 2

Если вы должны использовать document.getElementById() то просто дать ваш входной идентификатор!

<input id=num_input type="number" onclick="this.select();" >

Затем вы можете выбрать его с document.getElementById('num_input');