SORU
1 ŞUBAT 2012, ÇARŞAMBA


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
21 AĞUSTOS 2013, ÇARŞAMBA


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jorrit Jongma

    Jorrit Jongm

    17 Ocak 2008
  • Miles Fisher

    Miles Fisher

    8 NİSAN 2009
  • NextGenWindows

    NextGenWindo

    8 Kasım 2011