HTML JavaScript DHTML



TextRange.compareEndPoints() Method

var fixedRange
function setAndShowRangeData() {
    var selectedRange = document.selection.createRange()
    var result1 = fixedRange.compareEndPoints("StartToEnd", selectedRange)
    var result2 = fixedRange.compareEndPoints("StartToStart", selectedRange)
    var result3 = fixedRange.compareEndPoints("EndToStart", selectedRange)
    var result4 = fixedRange.compareEndPoints("EndToEnd", selectedRange)
    
    B1.innerText = result1
    compare1.innerText = getDescription(result1)
    B2.innerText = result2
    compare2.innerText = getDescription(result2)
    B3.innerText = result3
    compare3.innerText = getDescription(result3)
    B4.innerText = result4
    compare4.innerText = getDescription(result4)
}
function getDescription(comparisonValue) {
    switch (comparisonValue) {
        case -1 :
            return "comes before"
            break
        case 0 :
            return "is the same as"
            break
        case 1 :
            return "comes after"
            break
        default :
            return "vs."    
    }
}
function init() {
    fixedRange = document.body.createTextRange()
    fixedRange.moveToElementText(fixedRangeElem)
}



TextRange.compareEndPoints() Method




Select text in the paragraph in various places relative to
the fixed text range (shown in red).



PropertyReturned ValueFixed Range vs. Selection

    StartToEnd
     
    Start of Fixed 
    vs. End of Selection


    StartToStart
     
Start of Fixed 
    vs. Start of Selection


    EndToStart
     
    End of Fixed 
    vs. Start of Selection


    EndToEnd
     
    End of Fixed 
    vs. End of Selection





Text, Text,Text,Text,Text,Text,Text,Text,Text,Text,
Text,Text,Text,Text,Text,Text,Text,Text,, 
Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,Text,