客户端,动态编辑 dom 元素的值,例如 Javascript
是否有相对简单的方法来实现这一点:
- 我有一个具有绝对位置的 div 元素
- ,我正在双击它
- 现在焦点位于此 div 上,出现了一个插入符号
- ,我正在输入,此 div 的值正在更改
谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web
技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
Javascript
是否有相对简单的方法来实现这一点:
- 我有一个具有绝对位置的 div 元素
- ,我正在双击它
- 现在焦点位于此 div 上,出现了一个插入符号
- ,我正在输入,此 div 的值正在更改
谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的
隐私政策
了解更多相关信息。 单击
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文
发布评论
评论(3)
您应该查看内容可编辑。下面是一个示例:http://jsfiddle.net/Jk5zn/。如果您担心浏览器覆盖范围,请不要担心:http://caniuse.com/#search=contented< /a>
You should check out content editable. Here's an example: http://jsfiddle.net/Jk5zn/. And if you are worried about browser coverage, do not worry: http://caniuse.com/#search=contented
对于您不想使用jquery(或其他框架)的情况...
您几乎自己编写了算法!
当 div 的 ondblclick 事件触发时,在 div 的位置显示预先创建的文本区域。
当该 texarea 的 onblur 事件触发时,只需将 textarea 的值传递给 div 的 innerHTML 即可。
这就是魔力。
For the case that you don't want to use jquery (or other frameworks for this)...
You almost written the algorithm by yourself!
When ondblclick event of the div fires, show pre-created textarea on the position of the div.
When onblur event of that texarea fires, just pass the value of textarea to innerHTML of the div.
thats the magic.
这称为内联编辑,返回一个简单的搜索 此博客条目
This calls inline editing, a simple search returned this blog entry