特雷弗爵士信件柜台答案

【问题标题】：Sir Trevor letter counter特雷弗爵士信件柜台
【发布时间】：2016-08-29 18:09:00
【问题描述】：

我正在使用 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');
    });
  });
});

【问题讨论】：

你能设置一个jsfiddle吗？我尝试快速设置一个，但有一些配置我不完全了解
我无法真正设置外部资源的一个原因，但这里有一个示例：madebymany.github.io/sir-trevor-js/example.html
你可以在 copen codepen.io/victor-gabou/pen/bZXGXo找到它
是否需要在事件中聚焦？为什么不使用悬停或单击？我正在用叉子添加一个答案，我已经布置了一些基础工作，以实现您正在寻找的功能。
我的回答有帮助吗？

标签： javascript sirtrevor

【解决方案1】：

我通过将 focusin 元素添加到文本框的类来添加您正在寻找的功能。还添加了一个计数器，但您需要弄清楚如何将其绑定到每个文本框。

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

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

【讨论】：

好的，感谢焦点事件的工作，我会继续在我身边的信件柜台工作！