可編輯div移動光標位置

JellyBool 發布于2019-08-23 18:33 / 3319人閱讀

摘要：解決不獲取焦點無法定位問題創建選擇下所有子內容光標移至最后創建選擇對象定位到光標移至最后


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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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