VUE 移动端处理input光标定位在最后的问题（简单版）

在Vue中使用JS调整input光标位置，让他保持在最后

在调试移动端的时候，由于触摸事件，光标有时候会错位，所以导致有需求需要控制js光标的位置，要么在前要么在后，在查了相关的资料后，发现其实很简单，就几行代码能实行，并且兼容多种浏览器。

 <input  placeholder="str" type="number"v-model="model"@focus="End($event)" />methods:{End(e){ //input获取光标显示在最后let obj = e.srcElement;obj.focus();const len = obj.value.length;//光标定位要加上 setTimeOut，不然就会重新光标定位失败setTimeout(()=>{obj.selectionStart = obj.selectionEnd = len;},60)}       }

在这里唯一要注意的是，一定要加上setTimeOut或者在nextTick使用，否则的话可能会导致光标定位失败。

参考地址1
参考地址2

VUE 移动端处理input光标定位在最后的问题（简单版）相关推荐

input长度随输入内容动态变化 input光标定位在最右侧
<input type="text" οnkeydοwn="this.onkeyup();" οnkeyup="this.size=(this. ...
Vue 服务端渲染原理拆分成三步个步骤简单的实现一个案例
前言可能我们平常接触比较多的是使用 vue + vue全家桶来搭建起一个单页(SPA)应用.用服务端渲染搭建项目比较少,本文是记录我在学习服务端渲染过程中的一些见解,如有出错或疏漏,麻烦帮忙 ...
ios端input 光标问题
ios端input 光标很大,输入文字后跟随文字变小,设置input line-height即可
vue PC 端使用腾讯地图定位
vue PC 端使用腾讯地图定位需求:希望网站显示当前城市腾讯前端定位组件解决的方法定义一个文件,加载定位js 在vue页面中使用需求:希望网站显示当前城市腾讯前端定位组件 key的申请, ...
vue父页面调用子页面及方法及传参，鼠标光标定位
项目场景: vue父页面调用子页面及方法问题描述 vue中父界面调用子界面及方法时界面可以调用,但是调用方法的时候第一次报错,但是关掉界面再次重新打开就没问题了原因分析: 在我之前添加鼠标指针定位 ...
vue移动端项目实现定位
vue移动端项目实现定位腾讯地图官方地址 <template><div><div id="container&q ...
vue移动端项目经验
如何实现横向滚动(兼容safari,微信,浏览器) 实现横向滚动需要以下几点: 1.设置width:2000px这种大的宽度 2.父级盒子要overflow-y:hidden;overflow-x:a ...
记 vue 移动端开发中的经验
项目背景手上的 vue移动端项目已经开发了大几个月了,遇到了一些很有意思的坑,也让自己学习了很多:写此文主要目的是记下一些我遇到的坑,以及自己的解决方案,分享的同时也方便以后复习. 项目的底层是上 ...
Vue服务端配置示例
Vue服务端配置示例后端配置示例 #Apache <IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^in ...

VUE 移动端处理input光标定位在最后的问题（简单版）

在Vue中使用JS调整input光标位置，让他保持在最后

VUE 移动端处理input光标定位在最后的问题（简单版）相关推荐

最新文章

热门文章

VUE 移动端处理input光标定位在最后的问题（简单版）

在Vue中 使用JS调整input光标位置，让他保持在最后

VUE 移动端处理input光标定位在最后的问题（简单版）相关推荐

最新文章

热门文章

在Vue中使用JS调整input光标位置，让他保持在最后