jquery: metin olayını seç

Question

kullanıcı bir metin seçtiğinde (textarea ve input) jquery hangi div metninin seçildiğini bildirmek için geri aramamı arayabilir ve select odağı kaybolduğunda da geri aramamı arayabilirsiniz. ?

Teşekkürler.

Answer 1

Şaşırtıcı bir şekilde, bunu yapmanın kolay bir yolu yoktur. IE, tüm öğeler üzerinde uygulanan bir select olayına sahiptir, ancak diğer tarayıcılar bunu hiçbir zaman girişlerin ötesinde genişletmemiştir. Tüm belgede keyup ve mouseup olaylarını ele almanız gerekecek ve hatta seçim gerçekten değişmediğinde geri aranabilir.

---

GÜNCELLEME 13 Ekim 2013

WebKit tarayıcılar birkaç yıl için Document düğümlerde selectionchange olayı destekledi. IE ayrıca bu olayı tekrar 5.5 sürümüne de taşıyor. Örnek: Aşağıda

document.onselectionchange = function() { 
    console.log("Selection changed"); 
}; 

---

basit örnek:

function selectCallback(selectionParentElement) { 
    console.log("Selecting, parent element is " + selectionParentElement.nodeName); 
} 

var mouseOrKeyUpHandler; 

if (typeof window.getSelection != "undefined") { 
    // Non-IE 
    mouseOrKeyUpHandler = function() { 
     var sel = window.getSelection(); 
     if (sel.rangeCount > 0) { 
      var range = sel.getRangeAt(0); 
      if (range.toString()) { 
       var selParentEl = range.commonAncestorContainer; 
       if (selParentEl.nodeType == 3) { 
        selParentEl = selParentEl.parentNode; 
       } 
       selectCallback(selParentEl); 
      } 
     } 
    }; 
} else if (typeof document.selection != "undefined") { 
    // IE 
    mouseOrKeyUpHandler = function() { 
     var sel = document.selection; 
     if (sel.type == "Text") { 
      var textRange = sel.createRange(); 
      if (textRange.text != "") { 
       selectCallback(textRange.parentElement()); 
      } 
     } 
    }; 
} 

document.onmouseup = mouseOrKeyUpHandler; 
document.onkeyup = mouseOrKeyUpHandler; 

Answer 2

kullanabileceğiniz this

kullanım <ELEMENT ondrag = "handler(event);" >

object.addEventListener("drag", handler, bCapture);