javascript-点击页面任意一个地方获取到文本框内容并替换
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-点击页面任意一个地方获取到文本框内容并替换，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2063字，纯文字阅读大概需要3分钟。
内容图文
点击上述图片中红框里的位置可以替换成input文本框如下图
第一个问题来了，如何控制实现一个页面中只能出现一个文本框呢？点击一图中的其他三个位置不完成替换;
第二个问题：我点击页面的任意一个位置，实现获取到文本框中的值并替换掉当前，还是看图吧
做完这些之后，再点击一图其他位置进行上述操作;
附上部分代码，不完整；
采样日期:2016.317??????????? 天气: _________???????????? 温度:__________℃ ????????????????? 湿度______%
---------------------------分割线-----------------------------
很失望，盼了一晚还是没有等到自己想要的答案，不知道是我描述不清楚还是什么原因。最后还是自己想到了，谢谢一楼的三个链接，虽然我看不懂。也谢谢二楼给的方向，虽然我没深入思考过。代码如下
var input_flag = true; //设定全局变量为true 关键
function replace_input(e) {
if (input_flag) {
var html = "";
var input = $(e).html(html).find('input');
input.focus().val('');
input_flag = false;
input.blur(function() {
var html = $(this).val();
$(e).html(html);
input_flag = true;
});
}
};回复内容：
点击上述图片中红框里的位置可以替换成input文本框如下图
第一个问题来了，如何控制实现一个页面中只能出现一个文本框呢？点击一图中的其他三个位置不完成替换;
第二个问题：我点击页面的任意一个位置，实现获取到文本框中的值并替换掉当前，还是看图吧
做完这些之后，再点击一图其他位置进行上述操作;
附上部分代码，不完整；
采样日期:2016.317??????????? 天气: _________???????????? 温度:__________℃ ????????????????? 湿度______%
---------------------------分割线-----------------------------
很失望，盼了一晚还是没有等到自己想要的答案，不知道是我描述不清楚还是什么原因。最后还是自己想到了，谢谢一楼的三个链接，虽然我看不懂。也谢谢二楼给的方向，虽然我没深入思考过。代码如下
var input_flag = true; //设定全局变量为true 关键
function replace_input(e) {
if (input_flag) {
var html = "";
var input = $(e).html(html).find('input');
input.focus().val('');
input_flag = false;
input.blur(function() {
var html = $(this).val();
$(e).html(html);
input_flag = true;
});
}
};
jquery editable
http://shokai.github.io/jQuery.editable/Jeditable
http://www.appelsiini.net/projects/jeditableX-editable
https://vitalets.github.io/x-editable/
这个貌似是jQuery UI具有的功能
内容总结
以上是互联网集市为您收集整理的javascript-点击页面任意一个地方获取到文本框内容并替换全部内容，希望文章能够帮你解决javascript-点击页面任意一个地方获取到文本框内容并替换所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。