选择输入类型号中的所有输入值

Posted 2023-02-22

【中文标题】选择输入类型号中的所有输入值

【英文标题】：select all input value in input type number

【发布时间】：2015-09-20 23:37:06

【问题描述】：

我在网页上有这个。 当用户单击输入元素时，我希望自动选择输入元素值。

我可以通过对 this.select() 设置 onclick 事件来做到这一点，如下所示

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

这将选择 Firefox、chrome 和 IE 中的值。但它不会在野生动物园中。我想让它也可用于 Iphone。 艰难的谷歌搜索，我发现了一个支持 safari 的 javascript 方法，看起来像这样

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

但它不支持输入类型“数字”。 那么还有其他方法可以运行吗？

一如既往，感谢您的宝贵时间。

【参考方案1】：

如果您必须使用document.getElementById()，那么只需为您的输入提供一个 ID！

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

然后你可以用document.getElementById('num_input');选择它

【讨论】：

OP 正在尝试选择输入中的值，而不是通过 id 选择 javascript 元素

【参考方案2】：

当您说 safari 时，我想您是指 ios safari 吗？无论如何，在触摸设备上，可能不会触发点击事件，而是触发触摸事件。你可以使用这些：

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

【讨论】：

这会抛出一个错误......类似于：输入元素的类型（'number'）不支持选择