zoukankan      html  css  js  c++  java
  • How to alternate Range moveStart in Firefox?

    QUESTION

    Does anybody know how to use range.setStart in the same way as range.moveStart works in IE? I'd like to implement backspace/delete in JS, something like this:

    range.moveStart('character',-1); range.deleteContents();

    but in Firefox

    ANSWER

    Firefox, along with all modern browsers except IE <= 8 uses DOM Ranges. There's no direct analogue to the moveStart method of IE's TextRange and it's tricky to do in the general case. If the range is within a text node and not at the start, it's easy; otherwise you'll need to walk backwards in the document to find the preceding text node and move the range into it. The following only works within a single text node:

    function backspace(){
       
    var sel = window.getSelection();

       
    // If there is a selection rather than a caret, just delete the selection
       
    if(!sel.isCollapsed){
            sel
    .deleteFromDocument();
       
    }elseif(sel.rangeCount){
           
    var range = sel.getRangeAt(0);
           
    if(range.startContainer.nodeType ==3&& range.startOffset >0){
                range
    .setStart(range.startContainer, range.startOffset -1);
                sel
    .removeAllRanges();
                sel
    .addRange(range);
                sel
    .deleteFromDocument();
           
    }
       
    }
    }

    WebKit and Firefox 4 have the modify method of Selection objects which solves the problem completely:

    function backspace2(){
       
    var sel = window.getSelection();

       
    // If there is a selection rather than a caret, just delete the selection
       
    if(!sel.isCollapsed){
            sel
    .deleteFromDocument();
       
    }elseif(sel.rangeCount && sel.modify){
            sel
    .modify("extend","backward","character");
            sel
    .deleteFromDocument();
       
    }
    }
  • 相关阅读:
    javascript基础
    DOM操作
    js各种弹框
    ZeroMQ,史上最快的消息队列(转)
    mysql 存储过程
    java数据结构与算法(二)----栈和队列
    java数据结构与算法(一)----数组简单排序
    软件开发流程(转)
    Digest [information value filtering]
    Facebook 的系统架构(转)
  • 原文地址:https://www.cnblogs.com/yingzi/p/2518258.html
Copyright © 2011-2022 走看看