本文介绍了使用 JavaScript 使文本框可编辑的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
我有一个带有 readonly="readonly" 的文本框，这意味着我无法对其进行编辑.但我想要的是让这个文本框在用户双击它时可编辑.
I've a textbox with readonly="readonly" that means I can not edit it. But what I want is to make this textbox editable when user double clicks on it.
我尝试过的是:
<input size="10" readonly="readonly" ondblclick="setEditable(this)"/>
在 JavaScript 中:
and in JavaScript:
function setEditable(i){
i.readonly = false;
}
但这不起作用.那么当用户双击文本框时，我怎样才能使文本框可编辑，它是只读的?
But this does not worked. So how can I make a textbox editable, which is readonly, when user double clicks on it?
推荐答案
更新:
再次使其只读:
var el = document.getElementById('txt');
el.onblur = function(){
this.setAttribute('readonly');
};
<小时>
你可以这样做:
You can do this:
<input size="10" readonly="readonly" id="txt" />
JS:
var el = document.getElementById('txt');
el.ondblclick = function(){
this.removeAttribute('readonly');
};
这篇关于使用 JavaScript 使文本框可编辑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！