javascript 将光标置于文本输入值的末尾

cygmwpex  于 2022-12-10  发布在  Java
关注(0)|答案(6)|浏览(275)

因此,目前我有一个文本输入字段的值也是自动聚焦的。
在页面加载时,值被选中/突出显示。有没有方法可以让我把光标放在值文本的末尾,而不是在JavaScript或CSS中突出显示它?
下面是一个js fiddle,其中突出显示了自动聚焦文本的值:http://jsfiddle.net/TaGL5/
下面是HTML代码:<input type="text" value="value text" autofocus />

bcs8qyzn

bcs8qyzn1#

升级到@harsha 's answer
我发现,要使解决方案与Firefox一起工作,我们需要临时将值重置为“不等于值”,然后再将其设置回来

<input type="text" autofocus value="value text" onfocus="var temp_value=this.value; this.value=''; this.value=temp_value" />
n3schb8v

n3schb8v2#

这对我有用

<input type="text" autofocus value="value text" onfocus="this.value = this.value;"/>
pxiryf3j

pxiryf3j3#

请使用Jquery:
第一个
但有些浏览器不支持enter code here属性,在这种情况下使用以下内容:
第一次
此问题已存在于stackoverflow上:
参考1
Reference2

mqkwyuun

mqkwyuun4#

用这个,对我来说很好的工作...

<input type="text" name="txt" value="value text" autofocus="" onfocus="this.setSelectionRange(this.value.length,this.value.length);">

或将此行添加到输入元素

onfocus="this.setSelectionRange(this.value.length,this.value.length);"
pbgvytdp

pbgvytdp5#

您可以将此参数添加到文本输入字段:

onmouseover="this.setSelectionRange(this.value.length,this.value.length);"
onfocus="this.setSelectionRange(this.value.length,this.value.length);"

NB:在2017年的Chromium下运行良好。

muk1a3rh

muk1a3rh6#

按类或ID选择元素,然后选择焦点,然后重新插入值。

<input type="text" class="element-to-autofocus" value="Some existed text" />
<script>
  temp_el = document.querySelector('.element-to-autofocus');
  temp_el.focus();
  temp_value = temp_el.value;
  temp_el.value = '';
  temp_el.value = temp_value;
</script>

相关问题