`
elvishehai
  • 浏览: 75074 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

双击文本实现可编辑

XHTMLHTML 
阅读更多
<!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" />
<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>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Qt实现双击可编辑的QLabel，按回车或Esc确认

    2. 处理鼠标双击事件：在`mouseDoubleClickEvent`函数中，当用户双击标签时，我们开启编辑模式，可以使用`set_editable()`方法（假设我们已经实现）切换到可编辑状态，并设置焦点。 ```cpp void MyLabelEdit::...

    C# winform ListView 中实现可编辑文本或双击出现下拉列表框

    通过以上步骤，我们可以实现一个具有可编辑文本和双击弹出下拉列表功能的ListView。这种自定义控件提供了更丰富的交互体验，同时也增加了程序的灵活性和可定制性。在实际开发中，你可能还需要考虑一些其他因素，例如...

    双击文字后实现编辑文本功能.rar

    当用户双击文本时，这段代码将被执行。如果需要在编辑过程中添加额外的控制，比如撤销/重做、格式化等，可以在此处添加相应的逻辑。 在CSS方面，我们可以为编辑区域设置样式，使其看起来更像一个标准的输入框。例如...

    MFC实现listCtrl双击表格，实现文本输入。

    本教程将详细介绍如何利用MFC ListCtrl控件，响应用户的双击事件，实现用户能够编辑表格中的文本。 首先，我们需要在MFC应用程序中添加一个ListCtrl控件。这通常是在资源编辑器中完成的，例如在对话框类的资源视图...

    QTreeWidget 双击编辑子节点

    在这个特定的场景中，我们关注的是如何实现`QTreeWidget`的子节点双击编辑功能。当用户双击一个子节点时，会弹出一个编辑框，用户可以通过这个编辑框对子节点的内容进行修改。编辑框可以是不同的类型，如`QLineEdit`...

    双击可编辑单元格的ListControl控件

    本示例主要探讨如何实现一个双击可编辑的ListControl单元格功能。 首先，我们需要理解ListControl的基本结构。ListControl通常由多个列组成，每一列包含若干个单元格，每个单元格显示特定的数据。默认情况下，List...

    raphael实现双击实现动态编辑文字

    Raphaël是一款强大的...总的来说，通过Raphaël库，开发者可以轻松地在Web页面上创建动态的、可编辑的文本元素，提升用户的交互体验。结合HTML5和其他前端技术，你可以构建出富有创新性和吸引力的矢量图形应用。

    JS实现双击内容变为可编辑状态

    在一些网站上我们经常看到交互性很强的功能。一些用户资料可以直接双击出现文本框，并在此输入新的资料即可修改，无需再按确定按钮等。...今天小编给大家分享JS实现双击内容变为可编辑状态，需要的的朋友参考下

    汇编课程设计 简单文本编辑器的设计与实现

    《汇编课程设计：简单文本编辑器的设计与实现》 在计算机科学与技术领域，汇编语言是理解和控制计算机硬件的基础。本次课程设计的主题是构建一个简单文本编辑器，这是一项涉及用户界面交互、文本处理和文件操作的...

    C#-WPF ListView实现可编辑数据项

    本教程将深入探讨如何在WPF中实现ListView的可编辑数据项功能。 首先，我们需要了解ListView的基本结构。ListView通过使用ItemsSource属性绑定到数据源，通常是一个ObservableCollection或ICollectionView，这使得...

    基于vue、iview实现tree组件可拖拽、双击编辑

    在这个场景下，我们将探讨如何利用Vue和IView实现一个具有拖拽和双击编辑功能的Tree组件。 首先，让我们了解一下`Tree`组件。在Web应用中，`Tree`组件通常用于展示层级关系的数据，如文件系统、组织结构等。IView中...

    MFC实现CListCtrl创建，CListCtrl双击可编辑，Dialog标题栏隐藏功能

    在本文中，我们将深入探讨如何在MFC（Microsoft Foundation Classes）框架中实现CListCtrl控件的创建，以及如何在双击时使列表项变为可编辑。同时，我们还将介绍如何隐藏Dialog的标题栏，以提供更为简洁的用户界面...

    怎么实现在表格中双击两下就可对里面的内容进行修改

    这个例子中，当用户双击表格的单元格，单元格就会变为可编辑状态。 4. **事件处理和优化**： 在处理双击事件时，需要注意防止误触和提高用户体验。例如，设置合适的延迟时间以区分单击和双击，以及在编辑完成后...

Magicbox
Global site tag (gtag.js) - Google Analytics