关于uniapp中textarea获取光标位置的问题

作者在使用uniapp开发时遇到问题,尝试通过uni.getSelectedTextRange获取textarea中的光标位置,但在非Vue环境下失败。最终发现使用HTMLtextarea标签可以正确获取,分享了解决方案。
摘要由CSDN通过智能技术生成

一直以来没有写东西的习惯,最近在做一个uniapp的demo,发现了一个问题。我想在textarea中在点击的位置插入复制的文字,那么就要获取到光标的位置。项目是用uniapp+uviewUi做的,在uniapp官方的文档中有一个api叫uni.getSelectedTextRange(OBJECT),介绍说在input、textarea等focus之后,获取输入框的光标位置。注意:只有在focus的时候调用此接口才有效。目前仅支持 vue 页面,nvue 可以直接使用 weex 的 getSelectionRange

官方示例

uni.getSelectedTextRange({
  success: res => {
    console.log('getSelectedTextRange res', res.start, res.end)
  }
})
但是却一直走失败的回调函数。百度了很多方法,都不能正确的获取到光标的位置,最后我把u-input换成了html的textarea标签

js部分

这样就拿到了光标位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值