IOS webview 可编辑div失去焦点后不能插入图片?

混合开发h5页面内需要做一个简易的富文本编辑器,需要有插入图片的功能(图文混排的),现在的问题是,点击插入图片按钮之后,可编辑div就失去焦点从而无法插入图片了,请问这个有什么解决方案?安卓下是可以在光标位置处插入图片的。但是IOS的webview下,点击插入图片的按钮就导致编辑区域失去了焦点。

我尝试在编辑区域失去焦点时记录下光标的位置,在执行插入图片的操作之前再在该位置插入光标。此方法在安卓下同样能生效,但在IOS下依然不生效。

失去焦点时,记录下光标位置:


var selection=window.getSelection(); 

_SELF.data.pos=selection.focusOffset; 

_SELF.el.focusNode=selection.focusNode;


插入图片前,使原来位置插入光标:

https://img.mukewang.com/5c4aa7ca0001af1604480417.jpg

结果发现在安卓下能获得正确的位置,在IOS下每次的位置都是0。且无法正常插入图片。


aluckdog
浏览 408回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript