Javascript'te seçilen metin etkinliği tetikleyicisi

Question

Yeni bir kullanıcı sorusu gelebilir, ancak bir kullanıcı fareyi kullanarak bir sayfada belirli bir metin parçasını seçtiğinde özel bir JavaScript işlevini nasıl tetikleyebileceğimi öğrenmek istedim. Ayrıca web sayfasındaki seçilen metnin konumunu bulmak için herhangi bir yolu var mı?

Güncelleme: Daha açık olması gerekirse, metin parçası, bir cümlenin veya bir kelimenin bir parçasının veya bir tümcenin veya bir paragrafın bir parçası olabilir.

Answer 1

hiçbir (DOM) olayı "Metin seçildi" Orada, ancak document.body bir mouseup olayı bağlayabilir. Bu olay işleyicisi içinde, sadece

document.selection.createRange().text 

veya

window.getSelection() 

yöntemlerini kontrol edebilirsiniz. Stackoverflow ile ilgili birkaç konu var, bunun gibi bir javascript to get paragraph of selected text in web page.

"Konumu bulma" ile ne demek istediğinizden emin değilim, ancak örnek dünyamda kalmak için X + Y fare konumları için event propertys'u kullanabilirsiniz.

Örnek: http://www.jsfiddle.net/2C6fB/1/

Answer 2

Aşağıda kısa bir mashup var:

$('div').mouseup(function() { 
    var text=getSelectedText(); 
    if (text!='') alert(text); 
}); 

function getSelectedText() { 
    if (window.getSelection) { 
     return window.getSelection().toString(); 
    } else if (document.selection) { 
     return document.selection.createRange().text; 
    } 
    return ''; 
}​ 

<div>Here is some text</div> 

Demo: http://jsfiddle.net/FvnPS/11/

Answer 3

AFAIK, sen tarif böyle bir olay yoktur. Ama bu işlevi taklit edebilirsiniz. Kod ve demo için here numaralı telefona bakın. Bu ilgilenen yeni bir deneysel API vardır

Answer 4

:

Seçim API SelectionChange olay belgesinin seçim obje değiştirildiğinde ateş veya edildiğinde bir <input> ilişkili seçimi veya bir <textarea> değişiklik . Seçim davası olayı, ilk durumda, ikinci davadaki elemanın üzerine dökülür. Bu kenar kanama ve hatta önemli tarayıcılarda çalışması garanti olmadığını

https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange

Not.

Answer 5

"Metin seçildi" etkinliği var. Ama sadece bildiğim gibi textarea için.

(function() { 
    "use strict"; 
    var showSelectedText = function (e) { 
     var text = ''; 
     if (window.getSelection) { 
      text = window.getSelection(); 
     } else if (document.getSelection) { 
      text = document.getSelection(); 
     } else if (document.selection) { 
      text = document.selection.createRange().text; 
     } 

     console.log(text.toString()); 
    } 

    document.onmouseup = showSelectedText; 
    if (!document.all) { 
     document.captureEvents(Event.MOUSEUP); 
    } 

})(); 

Bu benim atama biri sırasında kullanılan örnek kod:

<textarea onselect="message()" name="summary" cols="60" rows="5"> 
请写入个人简介，不少于200字！ 
</textarea> 

Answer 6

aşağıdaki kodu kullanın. Benim için çalıştı.