使用“Onfocus”和“Onclick”选择文本框中的文本
Use Onfocus and Onclick to select text in a textbox
我试图选择一个文本框中的所有文本时,标签到文本框,当它被点击。以为我有一个好东西,当我有function selectField() {$(this).select();}
选择它,但后来我发现,我可以使用onfocus和onclick,并设置那些直接与this.select();
问题是,我可以做到,当我tab到文本字段,但点击它。演示一下我在讲什么http://jsfiddle.net/t9jJX/
编辑。当我单击文本框时,高亮显示的文本不会保持高亮显示。
试试这个:
$("input").on('mouseup',function(){
$(this).focus().select();
});
我还删除了整个HTML中的onclick
和onfocus
属性。在Chrome和IE中测试成功。
演示:http://jsfiddle.net/t9jJX/2/
将this.select()
附加到onfocus
的问题。只使用click,你的代码就可以正常工作了:
<input id="before" type="text" />
<input id="unit" onclick="this.select();" type="text" />
<input id="Cost" onclick="this.select();" type="text" value="123" />
<input id="after" type="text"/>
编辑:这样做的原因似乎是,chrome在鼠标向上放置文本中的克拉,但在鼠标向下触发onfocus
。使用onfocus
事件来选择不是很正确,因为chrome选择了所有内容,然后在文本中放置carat时取消选择。
如果测试onmousedown="this.select()"
和onmouseup="this.select"
,同样的行为也很明显
相关文章:
- JavaScript-onClick将按钮ID或单击按钮的文本传递给函数
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何从该文本的 onclick 方法中更改 d3.js 文本输入
- 将.onclick属性中的文本替换为javascript
- 使用onClick on images显示文本
- javascript onclick radio清除文本框
- 使用Javascript更改span的文本-不使用“;OnClick”;
- javascript函数和HTML中的文本转换/动画onclick
- jQuery onClick 事件有效,除非单击文本
- 从子窗口更改链接的 OnClick 事件和文本
- 在 JavaScript 中使用 OnClick 从链接中获取文本
- Onclick 事件以删除文本输入字段中的默认值
- 调用 onClick 方法之前的 ASP 警报文本
- 如何在 html 中编写文本并使用 onclick 提交
- 使用 .onclick 在幻灯片中显示正确的文本
- 如何在asp.net中的html onclick事件中传递文本框值
- onclick与onfocus-输入文本选择行为不同.为什么?
- JavaScript onclick()文本大小随着EventListener而增加
- 用新的文本onClick/onFocus更新占位符文本
- 循环通过不同的按钮文本.onclick