Question

我使用SirTrevorJs（http://madebymany.github.io/sir-trevor-js），我想在每个SirTrevor上添加一个字母计数器。

目前我甚至无法发现对SirTrevor的关注。如果有人在我欣赏解释之前就这样做了。

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

谢谢，祝你有愉快的一天！

修改

感谢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) 
})
});

特雷弗爵士信柜台

1 个答案: