Make text box editable using JavaScript(使用 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 使文本框可编辑的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:使用 JavaScript 使文本框可编辑
基础教程推荐
- 直接将值设置为滑块 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01