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

select all input value in input type number

本文关键字:输入 类型 编号 选择      更新时间:2023-09-26

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

我可以通过对这个进行onclick事件来做到这一点。select((如下所示

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

这将在firefox、chrome和IE中选择值。但在safari中不会。我也想让它也能用于iPhone。艰难的谷歌搜索我发现了一个safari支持的javascript方法,看起来像这个

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

但它不支持输入类型"数字"。那么,还有其他方法可以让这件事继续下去吗?

一如既往,感谢您抽出时间。

当你说safari时,我想你指的是iOS safari?无论如何,在触摸设备上,可能不会触发点击事件,而是触发触摸事件。你可以使用这些:

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

如果必须使用document.getElementById(),那么只需给输入一个ID!

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

然后您可以使用document.getElementById('num_input'); 进行选择