html5のcontenteditable属性を使用してブログ用のエディタを作成しています。
contenteditable属性を適応しているエレメント内でenterを押し、divタグを作成し
そのdivタグ内の文字が空っぽなのかそうではないのかを判定したいです。
ただ、そのエンターを押した後に生成されるdivタグが空っぽなのかの判別ができません。
記述しているコードは以下のとおりです。
lang
1<div class="c-contenteditable" contenteditable="true" id="js-editable"></div>
lang
1//これだと#js-editableの中身に入っている文字全てを取ってきてしまいます。 2$('#js-editable').on('keyup', function(e) { 3 var $this = $(this); 4 var text = $this.text(); 5 if ($this.text() == '') { 6 console.log('空っぽ'); 7 }else{ 8 console.log(text); 9 } 10});
lang
1//これだとkeyupイベントのトリガーが引かれません 2$('#js-editable div').on('keyup', function(e) { 3 var $this = $(this); 4 var text = $this.text(); 5 if ($this.text() == '') { 6 console.log('空っぽ'); 7 }else{ 8 console.log(text); 9 } 10});
lang
1//これもkeyupイベントのトリガーが引かれません 2$('#js-editable').find('div').on('keyup', function(e) { 3 var $this = $(this); 4 var text = $this.text(); 5 if ($this.text() == '') { 6 console.log('空っぽ'); 7 }else{ 8 console.log(text); 9 } 10});
こちらどのようにすればcontenteditable属性の中でエンターを押した際に生成されるdivタグ内の文字列を取得することが出来るのでしょうか?
ご教授お願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/04/03 04:15
2015/04/03 04:17
2015/04/03 04:31
2015/04/03 04:34
2015/04/03 04:37
2015/04/03 04:52