客户端,动态编辑 dom 元素的值,例如

Javascript

发布于 2024-12-02 10:12:26 字数 155 浏览 0 评论 0 原文

是否有相对简单的方法来实现这一点:

  • 我有一个具有绝对位置的 div 元素
  • ,我正在双击它
  • 现在焦点位于此 div 上,出现了一个插入符号
  • ,我正在输入,此 div 的值正在更改

谢谢!

Are there relatively simple ways to implement this:

  • I have a div element with position absolute
  • I am doing double click on it
  • Now focus is on this div, there is a caret appeared
  • I am typing and value of this div is changing

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

悸初 2024-12-09 10:12:26

您应该查看内容可编辑。下面是一个示例: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

情场扛把子 2024-12-09 10:12:26

对于您不想使用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.

剩余の解释 2024-12-09 10:12:26

这称为内联编辑,返回一个简单的搜索 此博客条目

This calls inline editing, a simple search returned this blog entry

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文