Czy mogę symulować zaznaczanie tekstu za pomocą myszy w JavaScript?

Question

Chciałbym zaznaczyć tekst na stronie, symulując lewy przycisk myszy i przeciągnąć go do określonej lokalizacji x, y (w pikselach).

Czy można to zrobić za pomocą JavaScript?

Answer 1

Nie sądzę, że można kontrolować mysz w ten sposób za pomocą JavaScript.

Można jednak wybrać części dokumentu bezpośrednio przy użyciu JavaScript. Na przykład:

var h3s = document.getElementsByTagName("h3"); 
var range = document.createRange(); 
range.selectNode(h3s[0]); 
window.getSelection().addRange(range); 

wybrałby pierwszy element h3.

Zobacz także: http://www.quirksmode.org/dom/range_intro.html, aby uzyskać więcej informacji na temat zakresów budowlanych.

Aby zaznaczyć cały organizm dokumentu, można użyć:

var body = document.getElementsByTagName("body")[0]; 
var range = document.createRange(); 
range.selectNode(body); 
window.getSelection().addRange(range); 

Aby wybrać 3rd charakter, powiedzmy, 4. akapit w dokumencie, spróbuj:

var p4 = document.getElementsByTagName("p")[3].firstChild; 
var range = document.createRange(); 
range.setStart(p4, 2); 
range.setEnd(p4, 3); 
window.getSelection().addRange(range); 

Answer 2

o ile wiem, że nie można tego zrobić. jedyny tekst, jaki można wybrać, jest w elemencie formularza (textarea, tekst wejściowy itd.).

Answer 3

 
    /** 
    * Select text between 2 elements. Support selection of continuous elements. 
    * @param {Object} element1 begin element. 
    * @param {Object} element2 end element. 
    */ 
    function selectBetweenTwoElements(element1, element2) { 
     if (window.getSelection) { 
      /* all browsers, except IE 8 and IE 7 */ 
      var selection = window.getSelection(); 
      selection.removeAllRanges(); 
      var range = document.createRange(); 
      range.setStart(element1, 0); 
      range.setEnd(element2, 1); 
      selection.addRange(range); 
     } else { 
      /* works fine in IE 8/IE 7 */ 
      if (document.body.createControlRange) { 
       var range1 = document.body.createTextRange(); 
       range1.moveToElementText(element1); 

       var range2 = document.body.createTextRange(); 
       range2.moveToElementText(element2); 

       var range = document.body.createTextRange(); 
       range.setEndPoint("StartToStart", range1); 
       range.setEndPoint("EndToEnd", range2); 
       range.select(); 
      } 
     } 
    }