Doğal ses yer tutucu odak olay sorunu
Hata olur yeri açıklayan herhangi bir şans bir çalışma örneği kanıtlamadan önce bunu sormak için çalışıyorum. Burada başka bir deneyin:
Doğal ses bir DİV üzerinde tutucu bir etkisi çoğaltmak için çalışıyorum. Temel kavram basittir:
<div contenteditable><em>Edit me</em></div>
<script>
$('div').focus(function() {
$(this).empty();
});
</script>
Bu sometomes iş, ama eğer yer tutucu içeren HTML veya varsa başka bir işlem yapmış olmak, düzenlenebilir DİV text şapka olmak kaldırıldı ve kullanıcının yeniden tıklatın düzenlenebilir DİV edebilmek için yazmaya başlayın (bile hala odak):
Örnek: http://jsfiddle.net/hHLXr/6/
Bir olay döngüsü yaratacaktır beri işleyicisi odak tetikleyici kullanamam. Yeniden ayarlamak için bir yol gerekir, bu yüzden şapka ve başka bir şekilde yeniden düzenlenebilir odak DİV, veya imleç.
CEVAP
CSS tek bir çözüm diğer cevapları artırmada:-
<div contentEditable=true data-ph="My Placeholder String"></div>
<style>
[contentEditable=true]:empty:not(:focus):before{
content:attr(data-ph)
}
</style>
Burada codepen benim parçacık ->EDİT: http://codepen.io/mrmoje/pen/lkLez
EDİT2: haberiniz olsun, bu yöntem işe yaramıyor 0 multi-line uygulamalar nedeniyle artık <br>
elementler olmak şimdiki div yaptıktan sonra select-all-cut
select-all-delete
tüm hatlar. :- @Kredi vsync
Backspace iyi (en az y/çalışmıyor) iş gibi görünüyor
jquery sıralanabilir yüksekliği sorunu...
Nasıl css kullanarak üzerine odak otom...
Bu EditText Odak işlemek için olay...
Erişim BÖLÜM ssh 'İzin verilmedi ...
Kimlik doğrulama sorunu VS2013 - ııs e...