可编辑div移动光标位置

JellyBool 发布于2019-08-23 18:33 / 3318人阅读

摘要：解决不获取焦点无法定位问题创建选择下所有子内容光标移至最后创建选择对象定位到光标移至最后


keepLastIndex(ev) {
    console.log(ev)
    console.log(window.getSelection)
    console.log(document.selection)
    if (window.getSelection) { //ie11 10 9 ff safari
        ev.focus(); //解决ff不获取焦点无法定位问题
        var range = window.getSelection(); //创建range
        range.selectAllChildren(ev); //range 选择ev下所有子内容
        range.collapseToEnd(); //光标移至最后
    } else if (document.selection) { //ie10 9 8 7 6 5
        var range = document.selection.createRange(); //创建选择对象
        //var range = document.body.createTextRange();
        range.moveToElementText(ev); //range定位到ev
        range.collapse(false); //光标移至最后
        range.select();
    }
},

云服务器 GPU云服务器 java的光标位置光标移动 DIV可拖动可拖动div

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105423.html

利用 javascript 实现富文本编辑器

摘要：考察了下现有的富文本编辑器，桌面端的很多，移动端的几乎没有。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。光标操作作为富文本编辑器，开发者需要有能力控制光标的各种状态信息，位置信息等。利用 javascript 实现富文本编辑器阅读 994收藏 1482017-11-03原文链接：eux.baidu.com利用 javascri...

cyixlq 2019-08-30 15:55 评论0 收藏0
利用 javascript 实现富文本编辑器

摘要：考察了下现有的富文本编辑器，桌面端的很多，移动端的几乎没有。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。光标操作作为富文本编辑器，开发者需要有能力控制光标的各种状态信息，位置信息等。利用 javascript 实现富文本编辑器阅读 994收藏 1482017-11-03原文链接：eux.baidu.com利用 javascri...

voidking 2019-08-23 15:20 评论0 收藏0
利用 javascript 实现富文本编辑器

摘要：考察了下现有的富文本编辑器，桌面端的很多，移动端的几乎没有。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。光标操作作为富文本编辑器，开发者需要有能力控制光标的各种状态信息，位置信息等。利用 javascript 实现富文本编辑器阅读 994收藏 1482017-11-03原文链接：eux.baidu.com利用 javascri...

用户84 2019-08-02 14:18 评论0 收藏0
基于uiwebview富文本编辑器实践

摘要：背景最近我们微信读书将写想法换成了基于的富文本编辑器，遇到了不少问题，这里我将简单的介绍一下我们在开发过程中踩到的坑。背景最近我们微信读书将写想法换成了基于webview的富文本编辑器，遇到了不少问题，这里我将简单的介绍一下我们在开发过程中踩到的坑。实现富文本编辑器有两个基本思路：基于native实现：比如coretext或者textkit 基于uiwebview实现第一...

luzhuqun 2019-08-21 14:29 评论0 收藏0