双击编辑文本的javascipt代码是什么。这个过程是我有一个文本,如果我双击它,会出现一个文本框,如果我按 Enter 键,单词将根据您输入的内容而更改。
示例
This is sample text. $nbsp;$nbsp; --> if I double click it a textbox will appear.
<input type="text" value="This is sample text." name="" />
很抱歉问这个问题。我是 javascript 新手
最佳答案
这是一个great example .
我将粘贴该示例中的脚本,以便在链接消失时保留它,但您应该点击该链接 - 这篇文章很好地逐行分解了脚本并进行了解释它能做什么。学习 JavaScript 的绝佳机会。
var editing = false;
if (document.getElementById && document.createElement) {
var butt = document.createElement('BUTTON');
var buttext = document.createTextNode('Ready!');
butt.appendChild(buttext);
butt.onclick = saveEdit;
}
function catchIt(e) {
if (editing) return;
if (!document.getElementById || !document.createElement) return;
if (!e) var obj = window.event.srcElement;
else var obj = e.target;
while (obj.nodeType != 1) {
obj = obj.parentNode;
}
if (obj.tagName == 'TEXTAREA' || obj.tagName == 'A') return;
while (obj.nodeName != 'P' && obj.nodeName != 'HTML') {
obj = obj.parentNode;
}
if (obj.nodeName == 'HTML') return;
var x = obj.innerHTML;
var y = document.createElement('TEXTAREA');
var z = obj.parentNode;
z.insertBefore(y,obj);
z.insertBefore(butt,obj);
z.removeChild(obj);
y.value = x;
y.focus();
editing = true;
}
function saveEdit() {
var area = document.getElementsByTagName('TEXTAREA')[0];
var y = document.createElement('P');
var z = area.parentNode;
y.innerHTML = area.value;
z.insertBefore(y,area);
z.removeChild(area);
z.removeChild(document.getElementsByTagName('button')[0]);
editing = false;
}
document.onclick = catchIt;
关于Javascript双击文本转换为文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2722172/