用javascript实现div可编辑的常见方法
更新时间：2007年10月25日 11:24:05 作者：
功能：实现网页内容的即时编辑，增加页面的可用性、交互性。
方法1：直接通过textarea标签实现，请运行下边代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
思路：将textarea通过CSS样式设计成让用户感觉不像是textarea的样子，通过onblur、oumouseout等属性进行ajax保存用户数据。
方法二：通过document.createElement的方法向页面增加input来实现。请运行下边代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
思路：
1、当用户鼠标经过可编辑区域时，用背景色等方式提醒用户该区域可编辑。
2、当用户鼠标点击该区域时，也就是onclick事件时，先将原来的内容清掉，将临时创建出来一个输入框和一个输入按扭。
3、用户修改完后，点击“保存”按扭时通过ajax向数据库中写入新的数据。
PS：第二个方法的代码还有点问题，有空再来调试一下。
方法1：直接通过textarea标签实现，请运行下边代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
思路：将textarea通过CSS样式设计成让用户感觉不像是textarea的样子，通过onblur、oumouseout等属性进行ajax保存用户数据。
方法二：通过document.createElement的方法向页面增加input来实现。请运行下边代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
思路：
1、当用户鼠标经过可编辑区域时，用背景色等方式提醒用户该区域可编辑。
2、当用户鼠标点击该区域时，也就是onclick事件时，先将原来的内容清掉，将临时创建出来一个输入框和一个输入按扭。
3、用户修改完后，点击“保存”按扭时通过ajax向数据库中写入新的数据。
PS：第二个方法的代码还有点问题，有空再来调试一下。
相关文章
静态对象和构造函数的使用区别 平常我们会经常使用JSON形式，或者var obj=function(){}亦或function(){}这么几种对象的构建办法，有时会认为这是等价的办法，然而他们还有不同。2010-03-03
这篇文章主要为大家详细介绍了JS实现简单九宫格抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了JSON字符串和JSON对象相互转化方法,结合实例形式详细分析了json对象与字符串的功能、使用、转换方法及相关注意事项,需要的朋友可以参考下2017-01-01
Js+XML 操作...2006-09-09
在本篇文章里小编给大家整理的是关于js实现无限瀑布流实例方法以及相关代码，需要的朋友们学习下吧。2019-09-09
大家在淘宝购物之后，都会对卖家的服务进行评论，那么五星评价代码是怎么实现的呢？下面小编给大家介绍基于Javascript实现五星评价代码，有需要的朋友可以参考下2015-08-08
这篇文章主要介绍了利用javascript获取xml节点的最大值。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
CodeMirror实现代码对比功能(插件react vue)
这篇文章主要介绍了CodeMirror实现代码对比功能,用到的插件有vue或者react都需要这一步且同样的下载方式，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-05-05
js之弹出式窗口代码生成器...2007-06-06
这篇文章主要介绍了微信小程序用户授权及判断登录是否过期，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
最新评论