input双击可以编辑,单击后还原不可编辑状态
2008-11-27 11:22
351 查看
<style>
div {border:1px #000 solid; width:120px}
</style>
<script>
window.onload = function(){
document.getElementById("azhi").ondblclick=function(){toInput(this)}
}
toInput = function(obj){
var o = document.createElement("input");
o.value = obj.innerHTML;
o.onblur=function(){toDiv(o)}
document.body.replaceChild(o, obj);
}
toDiv = function(obj){
var oDiv = document.createElement("div");
oDiv.innerHTML = obj.value;
oDiv.id = 'azhi';
oDiv.ondblclick=function(){toInput(oDiv)}
document.body.replaceChild(oDiv, obj);
}
</script>
<div id="azhi">corange</div>
div {border:1px #000 solid; width:120px}
</style>
<script>
window.onload = function(){
document.getElementById("azhi").ondblclick=function(){toInput(this)}
}
toInput = function(obj){
var o = document.createElement("input");
o.value = obj.innerHTML;
o.onblur=function(){toDiv(o)}
document.body.replaceChild(o, obj);
}
toDiv = function(obj){
var oDiv = document.createElement("div");
oDiv.innerHTML = obj.value;
oDiv.id = 'azhi';
oDiv.ondblclick=function(){toInput(oDiv)}
document.body.replaceChild(oDiv, obj);
}
</script>
<div id="azhi">corange</div>
相关文章推荐
- esayui 编辑单元格 双击编辑一个单元格,不是一行,单击其他后,关闭编辑状态,单击双击编辑可以任意调整
- 比较简单的javascript实现input双击后可以编辑
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法;让文本域前面的内容显示在左上角,居中
- 比较简单的javascript实现input双击后可以编辑
- 让input双击后可以编辑
- 巧妙按键法,包含几乎所有可以实现的按键功能(单击,双击,N击,长按等功能)
- input不可编辑方法
- 使input type="file" 不可编辑
- jquery EditInPlace 插件 表格单击双击编辑行
- 使input文本框不可编辑的3种方法
- 想要单击datagrid的上的某个单元格,就可以编辑,
- JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素
- input输入框不可编辑
- HTML中让表单input等文本框不可编辑的方法
- 让INPUT不可编辑
- js如何知道checkbox是否被选中,并且选中的话让input元素变为不可编辑
- input标签不可编辑
- 解决input的回车enter和失焦blur冲突问题:实现回车保存,blur还原编辑内容功能
- Android 设置EditText可以编辑与不可编辑。
- 使input文本框不可编辑的3种方法