可直接对同名的文本框操作如：
<input class="a" name="test" readonly value="点我一下可以编辑我" type="text" /> <input class="a" name="test" readonly value="点我一下可以编辑我" type="text" /> <mce:script type="text/javascript"><!-- /* function enabledD(){ var test = document.getElementsByName("test"); for(var i=0;i<test.length;i++){ test[i].ondblclick = function() { this.readOnly = false; this.className = "b"; } test[i].onblur = function() { // 这个地方修改下就正常 了 //test[i].readOnly = true; //不可编辑状态 //test[i].className = "a"; this.readOnly = true; //不可编辑状态 this.className = "a"; } } } enabledD(); // --></mce:script>
对非同名文本框的循环：
<title>双击文字出现编辑文本框的JS代码</title> <mce:style><!-- input.a {border:0px;} input.b {border:1px solid #369;background:#fff;} --></mce:style><style mce_bogus="1"> input.a {border:0px;} input.b {border:1px solid #369;background:#fff;} </style> </head> <body> <input class="a" id="test1" readonly value="点我一下可以编辑我" type="text" /> <input class="a" id="test2" readonly value="点我一下可以编辑我" type="text" /> <mce:script type="text/javascript"><!-- for(var i=1;i<3;i++){ //document.getElementById("") 这个获取的是单个对象本身， 所以也跟本不存在 test[i]对象 // 你得去查下这些获取对象最基本方法的意思和使用方法 // getElementById（"test"）,getElementsByName("test"); // var test = document.getElementById("test"+[i]); // test[i].ondblclick = function() var test = document.getElementById("test"+i); test.ondblclick = function() { this.readOnly = false; this.className = "b"; } test.onblur = function() { // test[i].readOnly = true; //不可编辑状态 // test[i].className = "a"; //当文本框ONBLUR事件触发时，调用这个方法， //执行test[i] 这个对象是不存在的，肯定报错，改成用THIS this.readOnly = true; //不可编辑状态 this.className = "a"; } } // --></mce:script> </body> </html>
您还没有登录,请您登录后再发表评论
在JavaScript（JS）中，实现“双击文字显示文本框”的功能主要涉及到DOM操作、事件监听和用户交互设计。这个功能通常用于让用户编辑文本，比如评论或者备注，当用户双击文字时，文本框出现，用户可以进行编辑，然后...
标题“双击文字出现文本框.zip”提示我们这个压缩包包含了一个实现特定功能的代码示例，即当用户双击文字时，会弹出一个文本框。这种效果常见于交互式网页设计中，增强了用户体验，使得用户可以直接在文本上进行编辑...
### JavaScript 实现表格单元格双击变为可编辑文本框 #### 概述 在Web开发中，有时我们需要让用户能够方便地编辑表格中的数据。一种常见的做法是通过双击表格单元格将其转换为一个可编辑的文本框。这种方法既提高...
### JavaScript 双击文本框编辑功能详解 #### 一、背景与需求分析 在Web开发中，有时我们需要为用户提供一种直观的方式来进行文本编辑操作。例如，在一个内容管理系统(CMS)中，管理员可能需要快速地修改页面上的...
《jQuery实现文本框输入文字放大预览效果详解》 在网页设计中，用户交互体验是至关重要的元素之一。为了提升用户的输入体验，一种常见的技术手段是实时预览用户在文本框中输入的文字，例如文字放大预览效果。本文将...
Cass9.1双击编辑文字的方法
根据给定的信息，本文将详细解析如何通过JavaScript实现一个按钮同时完成对文本框内容的复制功能。这在很多应用场景中非常实用，例如在表单、笔记应用或是代码分享平台等，用户可以方便地复制文本框中的内容。 ### ...
`js`文件包含了实现上述功能的JavaScript代码。这包括事件监听、DOM操作、数据处理和逻辑控制。例如，处理回车事件、双击事件、删除事件等，都需要编写相应的函数并将其绑定到适当的元素上。 总结起来，这个...
JavaScript库如jQuery或原生的DOM操作可以处理用户的双击事件，打开编辑模式；而HTML5的`draggable`属性或第三方库如jQuery UI的Draggable插件可以实现元素的拖放行为。 4. **AJAX**：异步JavaScript和XML技术，...
CASS不支持双击编辑文字的，替换掉CASS中的ACAD.cui。。。
以上代码片段展示了如何在C# WinForm应用中为ListView控件添加文本编辑和双击弹出下拉列表的功能。请注意，这只是一个基本实现，你可能需要根据具体需求进行调整，例如添加错误处理、优化界面布局或者增加更多的...
在Qt编程中，QLabel通常用于显示静态文本，但有时候我们可能需要实现一个可以编辑的QLabel，允许用户双击后修改文本，并通过回车或Esc键确认更改。本篇文章将详细探讨如何实现这样一个功能。 首先，我们需要了解...
在网页设计和开发中，实现“双击文字后编辑文本功能”是一种常见的交互设计，它提高了用户对网页内容的互动性。这个功能主要基于JavaScript（JS）编程语言来实现，结合HTML和CSS，可以创建一个动态的、可编辑的文本...
上述代码片段展示了双击文字时，如何将文本元素转换为可编辑的输入框，并在用户编辑完成后恢复为Raphaël的文本元素。请注意，实际应用中可能需要处理更多细节，如文本样式、输入验证和错误处理等。 此外，Raphaël...
### 实现双击自动滚屏的JS代码 在网页开发中，通过JavaScript（简称JS）实现用户交互功能是非常常见的需求之一。本篇文章将详细介绍如何利用简单的JavaScript代码来实现双击后页面自动滚动的功能。 #### 一、理解...
简单的双击代码，用的是JS 针对的是easyUI的列表数据双击进入detail页面
### CAD2008双击文字不出现文字编辑问题及解决方法 #### 问题描述 在使用CAD2008时，用户可能会遇到一个常见问题：当双击文本时，并不能进入文字编辑模式，而是弹出了特性对话框。这对于经常需要修改文字内容的设计...
JS 实现双击单元格变成文本输入框效果代码详解 在 Web 开发中，实现双击单元格变成文本输入框效果是非常常见的需求。今天，我们将详细讲解如何使用 JavaScript 实现这个功能。 首先，让我们来看一下代码的结构。...
相关推荐
在JavaScript（JS）中，实现“双击文字显示文本框”的功能主要涉及到DOM操作、事件监听和用户交互设计。这个功能通常用于让用户编辑文本，比如评论或者备注，当用户双击文字时，文本框出现，用户可以进行编辑，然后...
标题“双击文字出现文本框.zip”提示我们这个压缩包包含了一个实现特定功能的代码示例，即当用户双击文字时，会弹出一个文本框。这种效果常见于交互式网页设计中，增强了用户体验，使得用户可以直接在文本上进行编辑...
### JavaScript 实现表格单元格双击变为可编辑文本框 #### 概述 在Web开发中，有时我们需要让用户能够方便地编辑表格中的数据。一种常见的做法是通过双击表格单元格将其转换为一个可编辑的文本框。这种方法既提高...
### JavaScript 双击文本框编辑功能详解 #### 一、背景与需求分析 在Web开发中，有时我们需要为用户提供一种直观的方式来进行文本编辑操作。例如，在一个内容管理系统(CMS)中，管理员可能需要快速地修改页面上的...
《jQuery实现文本框输入文字放大预览效果详解》 在网页设计中，用户交互体验是至关重要的元素之一。为了提升用户的输入体验，一种常见的技术手段是实时预览用户在文本框中输入的文字，例如文字放大预览效果。本文将...
Cass9.1双击编辑文字的方法
根据给定的信息，本文将详细解析如何通过JavaScript实现一个按钮同时完成对文本框内容的复制功能。这在很多应用场景中非常实用，例如在表单、笔记应用或是代码分享平台等，用户可以方便地复制文本框中的内容。 ### ...
`js`文件包含了实现上述功能的JavaScript代码。这包括事件监听、DOM操作、数据处理和逻辑控制。例如，处理回车事件、双击事件、删除事件等，都需要编写相应的函数并将其绑定到适当的元素上。 总结起来，这个...
JavaScript库如jQuery或原生的DOM操作可以处理用户的双击事件，打开编辑模式；而HTML5的`draggable`属性或第三方库如jQuery UI的Draggable插件可以实现元素的拖放行为。 4. **AJAX**：异步JavaScript和XML技术，...
CASS不支持双击编辑文字的，替换掉CASS中的ACAD.cui。。。
以上代码片段展示了如何在C# WinForm应用中为ListView控件添加文本编辑和双击弹出下拉列表的功能。请注意，这只是一个基本实现，你可能需要根据具体需求进行调整，例如添加错误处理、优化界面布局或者增加更多的...
在Qt编程中，QLabel通常用于显示静态文本，但有时候我们可能需要实现一个可以编辑的QLabel，允许用户双击后修改文本，并通过回车或Esc键确认更改。本篇文章将详细探讨如何实现这样一个功能。 首先，我们需要了解...
在网页设计和开发中，实现“双击文字后编辑文本功能”是一种常见的交互设计，它提高了用户对网页内容的互动性。这个功能主要基于JavaScript（JS）编程语言来实现，结合HTML和CSS，可以创建一个动态的、可编辑的文本...
上述代码片段展示了双击文字时，如何将文本元素转换为可编辑的输入框，并在用户编辑完成后恢复为Raphaël的文本元素。请注意，实际应用中可能需要处理更多细节，如文本样式、输入验证和错误处理等。 此外，Raphaël...
### 实现双击自动滚屏的JS代码 在网页开发中，通过JavaScript（简称JS）实现用户交互功能是非常常见的需求之一。本篇文章将详细介绍如何利用简单的JavaScript代码来实现双击后页面自动滚动的功能。 #### 一、理解...
简单的双击代码，用的是JS 针对的是easyUI的列表数据双击进入detail页面
### CAD2008双击文字不出现文字编辑问题及解决方法 #### 问题描述 在使用CAD2008时，用户可能会遇到一个常见问题：当双击文本时，并不能进入文字编辑模式，而是弹出了特性对话框。这对于经常需要修改文字内容的设计...
JS 实现双击单元格变成文本输入框效果代码详解 在 Web 开发中，实现双击单元格变成文本输入框效果是非常常见的需求。今天，我们将详细讲解如何使用 JavaScript 实现这个功能。 首先，让我们来看一下代码的结构。...