微信小程序 textarea输入框内文字,从中间删除快的时候,光标会从中间跳到最后位置

这篇具有很好参考价值的文章主要介绍了微信小程序 textarea输入框内文字,从中间删除快的时候,光标会从中间跳到最后位置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景: 微信小程序真机中 textarea输入框内有很多文字,从中间删除文字,速度快的时候,光标会从中间跳到最后位置!
原因: input、textarea事件中,给input框绑定任何事件后,在处理事件时更新数据 setData之后就会让光标到最后。说白了就是数据发生更新导致光标跑到最后。

处理办法:
将标签中:value绑定的变量,与bindinput事件里一直改变赋予的值变量分开,用两个变量使用,这样就避免了bindinput触发时不去同时更新输入框中:value绑定的值,这样就不会让光标变到最后。

相关代码详情如下:

<textarea name="bindTextAreaBlur" placeholder-style="color: #888888;line-height: 42rpx;" placeholder="描述你想象的文字" bindinput="getInputWay" show-confirm-bar='true' value="{{edit_text}}" maxlength="-1" show-confirm-bar="" confirm-type="done" ></textarea>
getInputWay: function (e) {
    let value = e.detail.value
    this.setData({
      editText: value 
    })
  },

注意:清除数据时,两个变量都需要清除。文章来源地址https://www.toymoban.com/news/detail-580956.html

到了这里,关于微信小程序 textarea输入框内文字,从中间删除快的时候,光标会从中间跳到最后位置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包