将焦点和光标设置在文本输入字段/字符串w的末尾jQuery

文章介绍了如何使用jQuery结合Input.setSelectionRange方法,确保光标在文本输入字段(如#Search)的末尾。当有前缀被添加到搜索输入时,焦点仍能保持并且光标位于新值的结尾。这在实现类似StackOverflow高级搜索功能时会用到。
摘要由CSDN通过智能技术生成

如何解决将焦点和光标设置在文本输入字段/字符串w的末尾jQuery?
您可以使用Input.setSelectionRangeRange API的一部分来执行此操作,以与文本选择和文本光标进行交互:

var searchInput = $('#Search');
// Multiply by 2 to ensure the cursor always ends up at the end;
// Opera sometimes sees a carriage return as 2 characters.
var strLength = searchInput.val().length * 2;
searchInput.focus();
searchInput[0].setSelectionRange(strLength, strLength);
解决方法
我有以下功能,将选择器添加到搜索输入中作为高级选项,就像堆栈溢出高级搜索一样。

当您单击要搜索的内容时,它会添加一个前缀。请参阅下面的Jquery:

如何处理以上内容,使焦点也集中在#search输入上,将胡萝卜(闪烁的文本插入光标)放在插入的文本/值的末尾?例如。

HC:<-添加到我的搜索输入中的值,我想在此处设置光标:
声明:地推任务网所有作品(图片、文字)均由用户自行上传分享,仅供网友学习交流。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dituirenwu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值