可选择但不可编辑的html文本字段

前端之家收集整理的这篇文章主要介绍了可选择但不可编辑的html文本字段前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个移动网站上工作,我有一个文本输入字段.

我想要它被选择和可复制但不可编辑.当我添加readonly或onfocus =“this.blur()”时,它变得不可选.我该如何实现?

解决方法

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

编辑:

每次通过添加输入侦听器更改文本输入值时,都可以重新分配文本输入值.

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

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

工作jsfiddle here.

原文链接:https://www.f2er.com/html/230659.html

猜你在找的HTML相关文章