选择输入字段中的文本,但编辑被禁用
我有一个简单的 txt 输入字段:
如果我点击输入内部,我想要选择文本。这部分很好:
$('input.highlight').click(function(){
$(this).focus().select();
返回错误;
});
但是,我也想禁用编辑。如果我返回 false;对于 keydown 事件,ctrl+c 不起作用。如果我将disabled =“disabled”添加到输入中,则选择不起作用。
有什么想法吗?谢谢。
I have a simple txt input field:
<input type="text" name="" value="http://google.com" />
If i click inside the input, i want to select the text. This part is fine with this:
$('input.highlight').click(function(){
$(this).focus().select();
return false;
});
But, i want to disable the editing also. If i put a return false; to the keydown event, the ctrl+c is not working. If i put disabled="disabled" to the input, the select is not working.
Any idea? Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您想要添加 readonly 属性而不是 disabled:
You want to add the readonly attribute instead of disabled:
通过 jQuery,您可以使用
keypress()
和preventDefault()
函数,请在 http://jsfiddle.net/hAVg9/
With jQuery you can use the
keypress()
andpreventDefault()
functionsCheck working example at http://jsfiddle.net/hAVg9/
只读目的与禁用目的非常不同,而且它们的布局也非常不同。
要从禁用的输入文本中选择甚至复制文本,可以按照
Andy E 建议
或者,就我而言,有一个与输入文本关联的按钮(附加输入组)。
然后单击按钮:
像这样:
完整示例 no jsfiddle
Readonly purpose is very different than disabled, and also theirs layout is very different.
To select or even copy text from an disabled input text, one can follow
Andy E suggestion
Or, as my case, to have a button (input-group-appended) associated to the input text.
And then on button click:
Like this:
Complete example no jsfiddle