Ben html sayfasında bir seçim yapmak ve ben yaparsanız:document.getSelection tarafından döndürülen nesnede anchorNode, baseNode, scopeNode ve focusNode nedir?
var a = document.getSelection()
Dört özelliklere sahip bir nesne olsun
ilk üçün değerleri aynı, yani seçmiş olduğum metinle aynı fakat nasıl farklı ve hangisini kullanacakları?
. anchorNode - Seçimin başladığı düğümü döndürür.
Seçim. focusNode - Seçimin bittiği düğümü döndürür. tartışmalar adlandırma vardı
çünkü baseNodefocusNode
aşağıdaki Bu sorunun kapsamı dışındadır için anchorNode, extentNode için diğer adıdır, ama yine de bu göndeririz, Seçimi bazı senaryolarda zorlayıcı bir rol olarak buldum.
bu örneğe göz atın:<p>ab12<sup>3</sup>4567890 !</p>
en biz seçim "1234567890" yaptık diyelim. Çapa ve odak düğümleri ve ofsetlerinin nerede olduğunu açıklayan bir resim yaptım.
Hiçbir şekilde bir uzman değilim, ama denemekle anchorNode'un seçimin başlatıldığı düğüm olduğunu ve sonlandırıldığı noktaya odaklanmamı sağladığını düşünüyorum (muhtemelen seçim bittiğinde odağa sahip olduğu için).
baseNode, anchorNode ile aynı gibi görünüyor ve baseNode ile aynı değil, yalnızca Firefox'ta değil, yalnızca Chrome'da var olmaları gerekir. MDN
Seçme göre
Ben iç içe contenteditable elemanları gerektiren bir özelliği dışarı inşa edilmiştir. Hata ayıklama yaparken, baseNode ve scopeNode öğesinin, yalnızca diğer adlar olan NOT olduğunu fark ettim. MDN'de olmadıkları için onlarla ilgili belgeleri bulmaya çalışıyorum. Ama bu ekran görüntüsüne ilişkin Onlar (Chrome'da) sadece adlar varsayıyorum olmaz: yılında, onlar sırasıyla anchorNode ve focusNode, eşleşmiyor baseNode ve extentNode ile bazı tutarsızlıklar (belki böcek) olduğu görülmektedir 
Belirli durumlar. Yine de onları kullanmak için hiçbir neden göremiyorum. – Synexis