1、针对input、textarea ...

1、针对input、textarea 2、针对div(contenteditable="true") ...

在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框 在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后 在实际使用时,vue.$emit是一个异步函数,最好在调用这个定位前加上一定的延迟,经测试,5ms就可以 ...

可编辑DIV光标定位 为何需要光标定位 当一个DIV标签添加contenteditable=“true” 的属性值的时候，就会将该标签变成一个可编辑的输入框，如果仅是输入文字，完全可以满足需求，但是当我们要插入一张图片的时候（如表情），那么这时候我们将无法知道我们将表情图片插入到哪个位置中 ...

这样光标在此页面的时候就可以定位到input标签上。 环境：要引入vux，脚手架的环境才能复制看到效果，所以看方法就好了。 用refs的时候如果是普通DOM元素就是指向DOM元素 console.log(1111111111,this.$refs.input1 ...

最近做了一个可以回复留言的页面，主要包括：@、表情功能，一开始使用的是文本域textarea，最后发现这样无法显示表情，后来改成可编辑div，在div中添加contenteditable="true"，则该div即可编辑。 在选择表情或者选择@某人后，会经常遇到选择后可编辑div中 ...

function set_focus(el) { el = el[0]; // jquery 对象转dom对象 el.focus(); if ($.browser.msie) { ...