Edificio a: selettore di selezione

Question

Posso interrogare (in un senso jQuery) gli elementi DOM - non solo nodi di testo - completamente selezionati dal mouse?

Answer 1

Questo ti porterà tutti gli elementi che sono completamente selezionati:

var currentSelection = window.getSelection(); 
var firstRangeInSelection = currentSelection.getRangeAt(0); 
var commonAncestor = firstRangeInSelection.commonAncestorContainer; 

var nodesInSelection = $(commonAncestor).find("*").filter(function() { 
          return currentSelection.containsNode(this, false); 
         }); 

Per ulteriori informazioni su Dom Selezioni, controlla this page.

Answer 2

Si potrebbe adattare la mia risposta alla seguente domanda per restituire un oggetto jQuery, piuttosto che una matrice, che dovrebbe essere semplice:

JS: Get array of all selected nodes in contentEditable div

Tuttavia, questo non funzionerà in IE < 9, che non supporta lo stesso oggetto Selection come altri browser. Per questo, avrai bisogno di un altro approccio. C'è la mia libreria Rangy, come menzionato in quella risposta, ma se hai bisogno di supporto IE < 9 senza una libreria, allora posso battere qualcosa insieme.