JS实现双击内容变为可编辑状态

前端之家收集整理的这篇文章主要介绍了JS实现双击内容变为可编辑状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在一些网站上我们经常看到交互性很强的功能。一些用户资料可以直接双击出现文本框,并在此输入新的资料即可修改,无需再按确定按钮等。。

我在网上查了很多资料,但都有一个小bug,就是当获取焦点后,光标的位置在文本框内容是开始处,这样编辑时还需要用户再重新选择一下光标位置,这样的交互感觉不好;后来查到新的资料解决了此问题,希望可以帮助到更多的人。

代码部分:

注意:设置选择文本的内容或设置光标位置

JS实现双击编辑可<a href="/tag/xiugai/" target="_blank" class="keywords">修改</a>状态
你的用户名:
你的个性档

双击事件:ondblclick

以上所述是小编给大家介绍的JS实现双击内容变为可编辑状态。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章