jQuery获取和设置文本框光标

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

 50106  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内容查找高亮

支持中英文文本内容查找,不区分大小写支持跨标签内容查找支持追踪显示下一个。这个插件虽然简单不过网上仅此一份其他的查找都不可以支持跨标签查找内容并高亮
  自动完成
 24851  337

剩余字数

1.实时计算剩余字数;2.超过最大字数输入无效;3.兼容手机输入;4.jQuery版;
  自动完成
 28525  375

仿淘宝选择商品计算价格

同一个商品有不同的版本,最后选择后计算出价格
  自动完成
 36799  492

jquery模糊搜索查询

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

讨论这个项目(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的第二行的某一处,当打字的时候直接从第二行的某一处开始,就不用再去回车加空格了。该怎样实现!谢谢!

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