seleccionada evento de disparo de texto en Javascript

Question

Puede parecer una pregunta novato pero quería saber cómo puedo activar una función de JavaScript personalizado cuando alguien selecciona un fragmento de texto que figura en una página a través del ratón. ¿También hay alguna forma de encontrar la posición del texto seleccionado en la página web?

Actualización: Para ser más claros, el fragmento de texto puede ser parte de una oración o una palabra o una frase o un párrafo entero.

Answer 1

No hay "texto fue seleccionado" (DOM), pero se le puede obligar a un evento mouseup a la document.body. Dentro de ese controlador de eventos, que sólo podría comprobar los

document.selection.createRange().text 

o

window.getSelection() 

métodos. Hay varios temas en Stackoverflow, como este javascript to get paragraph of selected text in web page.

No estoy seguro de lo que quiere decir con "encontrar la posición", pero para permanecer en mi mundo de ejemplo, podría usar el event propertys para las posiciones X + Y del mouse.

Ejemplo: http://www.jsfiddle.net/2C6fB/1/

Answer 2

Aquí hay un mashup rápida:

$('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> 

Demostración: http://jsfiddle.net/FvnPS/11/

Answer 3

yo sepa, no existe tal caso usted describió. Pero puedes emular esa función.

Mire here para obtener el código y la demostración.

Answer 4

Hay una nueva API experimental que se ocupa de esto:

El evento SelectionChange de la API de selección se activa cuando se modificó el objeto de selección del documento, o cuando la selección asociado a un <input> o un <textarea> cambios . El evento selectionchange se dispara en el documento en el primer caso, en el elemento en el segundo caso.

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

Tenga en cuenta que este es el sangrado borde y no se garantiza que funcione a través de incluso los principales navegadores.

Answer 5

Hay un evento "Texto seleccionado". Pero solo para textarea como lo he conocido.

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

Answer 6

utilizar el siguiente código:

(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); 
    } 

})(); 

Esto es código de ejemplo que utilicé durante uno de mi asignación. Funcionó para mí