【Javascript】在文本框光标处插入文字并定位光标

    在文本框光标处插入文字,并不常用,但碰到了却也比较棘手,浏览器兼容的问题总让人头痛。

    经查阅资料并经修改完善得到以下可用代码,运行一下看看效果更直观:



    提示:你可以先修改部分代码再运行。

    代码中,针对IE浏览器,运用document.selection.createRange()来解决;针对非IE浏览器,运用selectionStart和selectionEnd来操作。已能够获取文本框中选择的文本并控制文本框的光标,实际的应用那就随意发挥了。

    以上代码已经过IE各版本、Firefox、Opera、Chrome、Safari测试。

    参考资料:详探TextRange对象--查找与选择

    2010-3-15 整理更新代码



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《【Javascript】在文本框光标处插入文字并定位光标
    标签:
    分享:

已经有4 条评论抢在你前面了~

  1. 沙发
    z 2012年9月23日 下午1:50

    好东西,使用方便

    [回复]

  2. 板凳
    傲酷网络 2012年2月15日 下午7:54

    正要找,网上有jquery版的,用到插件中跟其他插件有冲突,导致无法使用。试试javascript版的

    [回复]

  3. 地板
    Firm 2010年2月5日 下午4:51

    呵呵,不错,收藏之,对于俺这个菜鸟还是很有用滴

    [回复]

无觅相关文章插件,快速提升流量