双击文本实现可编辑

双击文本实现可编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="wuleying" />
<title>双击文本实现可编辑</title>
<style>
input.a {border:1px solid #fff;background:#fff;}
input.b {border:1px solid #369;background:#fff;}
</style>
</head>
<body>
<input class="a" id="test" readonly value="这里是Ajax中国"  type="text" /><input type="submit" value="修改" style="display:none;" id="submit" />
<input readonly="false" type="text" value="xx" />
<script type="text/javascript">
var test = document.getElementById("test");
var mysubmit = document.getElementById("submit");
test.ondblclick = function()
{
this.readOnly = false;
this.className = "b";
mysubmit.style.display = "";
}
mysubmit.onclick = function()
{
test.readOnly = true;
test.className = "a";
this.style.display = "none";
}
</script>
</body>
</html>

时间： 2024-09-20 21:43:16

双击文本实现可编辑的相关文章

系统-复制内容后，双击文本框 会自动复制并粘贴

问题描述 复制内容后,双击文本框 会自动复制并粘贴 本人遇到一个奇怪的问题,就是在A文本框中选中内容选择复制,然后在B文本框中进行粘贴.如果B文本框单击一次,然后选择粘贴,可粘贴,如果双击B文本框,再选择粘贴,就会将B文本框中内容进行复制粘贴.如果此时在C文本框中单机选择粘贴,则会显示B文本框中的内容.不是键盘鼠标的问题,也不是软件的问题,因为除了world,在网页上也出现此问题.用起来特别麻烦,所以求哪个大神帮帮忙,谢谢啊 解决方案 你电脑上安装什么其它软件了么?找一个可以光盘上运行的系统,比

android-如何在编辑框里设置文本但是文本信息在编辑框里面不可视

问题描述 如何在编辑框里设置文本但是文本信息在编辑框里面不可视 我想实现在编辑框里设置文本但是文本信息在编辑框里面不可视的功能. 用的下面的代码: Edittext ed= (Edittext) findviewbyid(R.layout.ed1); 但是没有实现,如何设置实现这个功能? 解决方案 你可以使用: ed.setTextColor(Color.TRANSPARENT);

vb net-Form1中双击文本框弹出Form2的datagridview双击选择获得CELL值后Form2退出

问题描述 Form1中双击文本框弹出Form2的datagridview双击选择获得CELL值后Form2退出 目标是:Form1的文本框Textbox1 获得 Form2的datagridview1 的选取CELL值. 过程: 1.双击Form1中的Textbox1弹出Form2 2.在Form2中的datagridview1中双击选取值后关闭Form2 思路: A. 文本框双击:Private Sub TB2sl_DoubleClick(ByVal sender As Object, ByV

Gaupol 0.19发布 基于文本的字幕编辑软件

Gaupol 0.19更新日志: &http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;* Add speech recognition to allow generating subtitles from video   http://live.gnome.org/Gaupol/SpeechRecognition * Fix installation of custom-framerates extension * A

阿里云邮箱如何在写信时切换纯文本和多媒体编辑方式

  写信时选择纯文本或多媒体两种编辑方式,具体切换链接按钮如图. 勾选"纯文本格式发送"即是以纯文本编辑方式,取消勾选后便是多媒体编辑方式.

几种设置表单元素中文本输入框不可编辑的方法总结_javascript技巧

代码: 复制代码 代码如下: <input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" /> 输入框无法获得焦点,不能编辑 表单可以获得值. 可以复制. 蛮奇怪的,都选住了,还没有获得焦点? 2,readonly 代码: <input type="text" value=&quo

html中table双击行变成可编辑，请教怎么做。

问题描述 用的是jQuery+html,应该怎么做,有源码吗? 解决方案 解决方案二: 解决方案三:自己下了看看吧解决方案四:有没有双击修改整行的,不是一个单元格

js双击文本变成输入框代码dom createElement

用户名: 双击这里修改 个人宣言 天天百事通提醒你双击这里试试!

双击-extjs点击选中多行后选择一行进行编辑，其他复选框状态取消了

问题描述 extjs点击选中多行后选择一行进行编辑,其他复选框状态取消了 双击选择行进行编辑时,选中的复选框状态默认就给去掉了?不知道怎么设置进行编辑的时候之前选中的复选框状态依然保持 解决方案 解决方案二: 应该是有冲突吧..没找到怎么设置,你可以自己写代码来实现.. var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { clicksToMoveEditor: 2, autoCancel: false, listeners: {