【问题标题】: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);

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

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

【问题讨论】:

    标签: javascript jquery iphone html


    【解决方案1】:

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

    &lt;input id=num_input type="number" onclick="this.select();" &gt;

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

    【讨论】:

    • OP 正在尝试选择输入中的值,而不是通过 id 选择 javascript 元素
    【解决方案2】:

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

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

    【讨论】:

    • 这会抛出一个错误......类似于:输入元素的类型('number')不支持选择
    猜你喜欢
    • 2013-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-14
    • 1970-01-01
    • 2016-01-07
    • 2021-06-29
    • 2016-08-14
    相关资源
    最近更新 更多