一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2017-05-18 编辑:简简单单 来源:一聚教程网

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

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

代码部分:

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

 

 代码如下 复制代码

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JS实现双击编辑可修改状态

  

    

你的用户名:

    

三人行

    

你的个性档

    

三人行,必有我师焉!

  

 

双击事件:ondblclick

热门栏目