Javascript jquerykeyup事件只触发一次

为什么这个jQuery事件只触发一次

$(document).on('keyup', '[data-behavior="oneliner-text-area"]', function (event) {
  var textLength = $(this).length;
  var textLengthLimit = 140;
  $('[data-behavior="oneliner-counter"]').html(textLengthLimit - textLength);
  if ((textLengthLimit - textLength) < 0) {
    $('[data-behavior="oneliner-counter').addClass('oneliner-count-warning');
  }
});

$（document）.on（'keyup'，'data behavior=“oneliner text area”]'，函数（事件）{
var textLength=$（this）.length；
var textLengthLimit=140；
$（'[data behavior=“oneliner counter”]'）.html（textLengthLimit-textLength）；
如果（（textLengthLimit-textLength）<0）{
$（'[data behavior=“oneliner counter'）.addClass（'oneliner-count-warning'）；
}
});

您不是在计算textfield的文本长度，而是在计算元素的数量，也就是说它始终是1，所以您将始终得到139

$(document).on('keyup', '[data-behavior="oneliner-text-area"]', function (event) {
  var textLength = $(this).val().length; // Here is a change
  var textLengthLimit = 140;
  $('[data-behavior="oneliner-counter"]').html(textLengthLimit - textLength);
  if ((textLengthLimit - textLength) < 0) {
    $('[data-behavior="oneliner-counter').addClass('oneliner-count-warning');
  }
});

$（document）.on（'keyup'，'data behavior=“oneliner text area”]'，函数（事件）{
var textLength=$（this）.val（）.length；//这是一个更改
var textLengthLimit=140；
$（'[data behavior=“oneliner counter”]'）.html（textLengthLimit-textLength）；
如果（（textLengthLimit-textLength）<0）{
$（'[data behavior=“oneliner counter'）.addClass（'oneliner-count-warning'）；
}
});

您不是在计算textfield的文本长度，而是在计算元素的数量，也就是说它始终是1，所以您将始终得到139

$(document).on('keyup', '[data-behavior="oneliner-text-area"]', function (event) {
  var textLength = $(this).val().length; // Here is a change
  var textLengthLimit = 140;
  $('[data-behavior="oneliner-counter"]').html(textLengthLimit - textLength);
  if ((textLengthLimit - textLength) < 0) {
    $('[data-behavior="oneliner-counter').addClass('oneliner-count-warning');
  }
});

$（document）.on（'keyup'，'data behavior=“oneliner text area”]'，函数（事件）{
var textLength=$（this）.val（）.length；//这是一个更改
var textLengthLimit=140；
$（'[data behavior=“oneliner counter”]'）.html（textLengthLimit-textLength）；
如果（（textLengthLimit-textLength）<0）{
$（'[data behavior=“oneliner counter'）.addClass（'oneliner-count-warning'）；
}
});

我想，这就是你想要做的：

$（document）.on（'ready'，function（）{
$doc=$（文件）；
var textProps={
textLength:0，//您的文本长度，
text长度限制：140，//您的文本限制
charsLeft:function（）{//检查字符的剩余长度
返回this.textLengthLimit-this.textLength；
},
isLengthValid:function（）{//检查文本是否有效
返回this.textLengthLimit-this.textLength>0；
}
};
$（'.txtLimit'）.text（textProps.charsLeft（））；
$doc.on（'keyup'，'data behavior=“oneliner text area”]”，函数（e）{
var$self=$（本）；
textProps.textLength=$self.val（）.length；
$（'.txtLimit'）.text（textProps.charsLeft（））；
var success='oneliner count success'，
警告='一行计数警告'；
如果（！textProps.isLengthValid（））{
$self.removeClass（成功）.addClass（警告）；
}否则{
$self.removeClass（警告）.addClass（成功）；
}
});
})；

.oneliner计数警告{
颜色：红色！重要；
}
.一行计数成功{
颜色：绿色！重要；
}

带验证的输入：
剩余字符：

我想，这就是你想要做的：

$（document）.on（'ready'，function（）{
$doc=$（文件）；
var textProps={
textLength:0，//您的文本长度，
text长度限制：140，//您的文本限制
charsLeft:function（）{//检查字符的剩余长度
返回this.textLengthLimit-this.textLength；
},
isLengthValid:function（）{//检查文本是否有效
返回this.textLengthLimit-this.textLength>0；
}
};
$（'.txtLimit'）.text（textProps.charsLeft（））；
$doc.on（'keyup'，'data behavior=“oneliner text area”]”，函数（e）{
var$self=$（本）；
textProps.textLength=$self.val（）.length；
$（'.txtLimit'）.text（textProps.charsLeft（））；
var success='oneliner count success'，
警告='一行计数警告'；
如果（！textProps.isLengthValid（））{
$self.removeClass（成功）.addClass（警告）；
}否则{
$self.removeClass（警告）.addClass（成功）；
}
});
})；

.oneliner计数警告{
颜色：红色！重要；
}
.一行计数成功{
颜色：绿色！重要；
}

带验证的输入：
剩余字符：

你会为此创建JSFIDLE吗？你会再澄清一点吗…Parag，出于某种原因，如果我在文本区域键入第一个字母，它会工作，因此显示139。但在这之后，无论字符数多少，它仍然是139。另外，如果我在框外单击，假设其中包含5个字母，然后再次单击并开始键入，它会显示139n、 你会为此创建JSFIDLE吗？你会再澄清一点吗…Parag，出于某种原因，如果我在文本区域中键入第一个字母，那么显示139。但是在这之后，不管字符数多少，它仍然是139。另外，如果我在框外单击，假设其中包含5个字母，然后再次单击并再次开始键入，则显示139。