可选但不可编辑的html文本字段 [英] Selectable but not editable html text field

问题描述

我在移动网站上工作，我有一个文本输入字段。

我希望它被选中并且可复制但不可编辑。当我添加 readonly 或 onfocus =this.blur（）时，它变得不可选。

解决方案

 < textarea rows =10cols =50onclick =this.focus（）; this.select（）readonly =readonly> 
示例文本
< / textarea> 
  

编辑：

  var inp = $（input）
您可以通过添加输入侦听器来重新分配文本输入值。 [0]; //用适当的选择器选择输入
 var default_value = inp.value; 
 
 inp.addEventListener（input，function（）{
 this.value = default_value; 
}，false）; 
  

工作 jsfiddle here 。

I am working on a mobile website and I have a text input field.

I want it to be selected and copiable but not editable. When I add readonly or onfocus="this.blur()" it becomes unselectable. How can I achieve this?

解决方案

Check this out.

<textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly">
    example text
</textarea>

Edit:

You can reassign text input value everytime it changes by adding input listener.

var inp = $("input")[0]; // select the input with proper selector
var default_value = inp.value;

inp.addEventListener("input", function () { 
    this.value = default_value;
}, false);

Working jsfiddle here.

这篇关于可选但不可编辑的html文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！