Sir Trevor letter counter

Question

私はSirTrevorJs（http://madebymany.github.io/sir-trevor-js）を使用しています。それぞれのSirTrevorに文字カウンタを追加したいと思います。

現在、私はSirTrevorに焦点を当てることさえできません。誰かがそれをやったのであれば、私は説明を感謝します。

var $st = $('[data-type="sirtrevor"]'); 
$st.on('focusin', function() { 
    console.log('ok'); 
}); 

ありがとうございました！

編集：とfocusInのためのD. Cantatoreに

ありがとう！
完全なコードが動作しています！

var $st = $('.st-ready'); 

$.each($st, function() { 
    var $self = $(this); 

    $self.on('focusin', function() { 
    var $this = $(this); 
    var $textBlock = $this.find('.st-text-block'); 

    $this.on('keyup', function() { 
     var i = 0; 
     $.each($textBlock, function() { 
     i += $(this).text().length; 
     }); 
     console.log('There is ' + i + ' letters in the SirTrevor'); 
    }); 
    }); 
}); 

Answer 1

私はあなたがテキストボックスのクラスにfocusin要素を追加することで、探している機能を追加しました。また、カウンタを追加しましたが、各テキストボックスにバインドする方法を検討する必要があります。

http://codepen.io/dcantatore/pen/BzXNPX

var i = 0 
$('.st-ready').focusin(function() { 
$(this).keyup(function(e) { 
    i++; 
    console.log(i) 
}) 
});