jQuery获取和设置文本框光标

所属分类:输入,其他-自动完成,独立的部件

 49164  325  查看评论 (5)
分享到微信朋友圈
X
jQuery获取和设置文本框光标 ie兼容8

插件描述:

    之前做一个代码提示的功能涉及到在文本框中插入文本的操作,需要获得当前光标位置插入文本,并设置光标位置到最后.所以研究了一下文本框的

    光标做成了一个简单的插件方便使用.可以应用在文本框插入表情、输入@弹出好友列表等情景下.

   

使用方法:

    $('#element').getCurPos();  返回当前文本框的光标位置

    $('#element').setCurPos(start,end); 设置文本框的位置 

    注.如果要设置光标位置,start=end即可,光标会定位到start(end)处,如果start小于end,会选中start到end之间的文本.


兼容范围:

    自己测试了一下, 兼容Chrome、FireFox和IE的所有版本.在所有浏览器中行为一致. Opera没有测试. 


相关插件-自动完成,独立的部件

jquery模糊搜索查询

可根据用户输入对应的关键词来筛选相关的内容
  自动完成
 51378  389

前端模拟自动检测功能

jQuery前端模拟自动检测功能插件AutoCheck.js
  自动完成
 27013  416

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 31359  327

货币大写金额转换插件ChinaNumToEnglishNum.js

货币大写金额转换插件ChinaNumToEnglishNum.js在线将阿拉伯数字转换成中文大写、人民币大写转换工具
  自动完成
 28888  360

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    .. 0
    2016/3/17 15:03:30
    为什么手机QQ浏览器不支持 回复
    eleven 0
    2016/3/13 21:03:51
    找了很久  试试哦 回复
    KMM 0
    2016/3/7 16:03:03
    挺不错的插件。 回复
    汉斯 0
    2016/2/29 17:02:24
    这东西不用写成插件形式吧?  如此一折腾倒觉得繁琐了。。。JS轻松实现。。。 回复
    匿名者 0
    2016/1/5 17:01:38

    作者你好,如果有一个空白的textarea,我想直接把光标的位置放在这个textarea的第二行的某一处,当打字的时候直接从第二行的某一处开始,就不用再去回车加空格了。该怎样实现!谢谢!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复