移动端 contenteditable focus函数没有效果
时间: 2023-12-31 09:05:12 浏览: 122
Vue中div contenteditable 的光标定位方法
5星 · 资源好评率100%
可能是因为移动端浏览器对 contenteditable 的支持不完全,或者是因为 focus 函数在移动端浏览器中的实现方式不同。可以尝试以下几种方法:
1. 使用原生的输入框代替 contenteditable。
2. 尝试使用第三方的输入框库,如 Quill、TinyMCE 等。
3. 使用 setTimeout 延迟调用 focus 函数,例如:
```
setTimeout(function() {
element.focus();
}, 100);
```
4. 在 focus 函数前添加一个空的 touchend 事件,例如:
```
element.addEventListener('touchend', function() {});
element.focus();
```
这个方法可以模拟用户点击输入框的动作,触发浏览器的输入框焦点事件。
阅读全文