ContentEditable div odağı içeriyorsa,

Question

Kapsamlı bir div öğesinin odaklanıp odaklanmadığını kontrol etmeye çalışıyorum ama sorun yaşıyorum. İşte şimdiye kadar benim kod:

if ($("#journal-content:focus")) { 
    alert("Has Focus"); 
} else { 
    alert("Doesn't Have Focus"); 
} 

sorundur, her zaman dönüyor o olmasa bile tüm "odak Var". Bunu yapmanın en iyi yolu nedir?

Güncelleme: Bunu yapmanın nedeni imleç yeni eleman takmadan önce istediğiniz konuma içinde olup olmadığını görmektir. Aksi takdirde, kullanıcının tıkladığı son yer üstbilgideydi, sonra seçimi Rangy ile geri yüklediğimde ve onu yeni bir elemanla değiştirdiğimde, başlıkta yer alır. Içerikli div odaklanmış/içinde imleci varsa öğrenmek için bir yola ihtiyacım var, bu yüzden, ben sadece sonuna ekliyorum eleman ekleyeceğim.

Güncelleme 2: İşte JSFiddle gösteren benim sorunum: http://jsfiddle.net/2NHrM/

Answer 1

Dene:

if ($("#journal-content").is(":focus")) { 
    alert("Has Focus"); 
} else { 
    alert("Doesn't Have Focus"); 
} 

Veya: Senaryonu yürütmeden önce contenteditable_focused için

window.contenteditable_focused = false; 

$("#journal-content").focus(function() { 
    //alert("Has Focus"); 
    contenteditable_focused = true; 
}); 
$("#journal-content").blur(function() { 
    //alert("Doesn't Have Focus");   
    contenteditable_focused = false; 
}); 

kontrol edin.

Veya: Eğer biz daha fazla yardımcı olacak başarmak için çalışıyoruz bize ne söyleyeceğim eğer

if ($(document.activeElement).is("#journal-content")) { 
    alert("Has Focus"); 
} else { 
    alert("Doesn't Have Focus"); 
} 

Answer 2

Sen Belki bu

if ($("#journal-content").is(":focus")) { 
... 

deneyebilirsiniz. Bu arada, buradan okuyabilirsiniz: http://api.jquery.com/focus-selector/. Bunun neresi

Answer 3

bu ama en azından Chrome ve Firefox desteklemesi olduğunu için ben ne kadar iyi tarayıcı desteği bilmiyorum

if (document.activeElement.isContentEditable) { 
... 
} 

?:. Saf JavaScript için

Answer 4

Birden contenteditable unsurları vardır:

CSS ve İşaretleme pasajı

pasajını çalışan ve ya baskı öğesi deneyin için saf olduğunu. dışarı

function isFocused() { 
 
    if (document.activeElement.id == "journal-content") { 
 
    alert("Focused!"); 
 
    } else { 
 
    alert("Not focused :("); 
 
    } 
 
}

#journal-content { 
 
    background-color: #eee; 
 
} 
 
#not-journal-content { 
 
    background-color: #ccc; 
 
}

<div id="journal-content" contenteditable="true" onclick="isFocused()">Journal Content</div> 
 
<div id="not-journal-content" contenteditable="true" onclick="isFocused()">Not Journal Content</div>