Jquery获取通过keyup事件从文本输入填充的p标签的宽度

Question

我已将此字段提供给用户，用于填充 PDF 中固定宽度的单元格。我想要一种在用户达到 PDF 单元格的最大宽度时通知用户的方法。

因此，我创建了一个带有 p 标签的 div(格式为将在 PDF 中呈现的确切字体、大小和粗细)，该标签是根据 KEYUP 事件中的文本输入填充的。我知道我的 PDF 字段的宽度是 226。

p 标记 (#arial12B) 使用下面的代码填充得很好，但我的 if 语句似乎不起作用。我想要做的就是将文本输入 (#custName) 的背景颜色变为红色，通知用户他们的输入太长。

下面的代码

    $(document).ready(function(){
        $('#custName').keyup(function(){
            var desc = $(this).val();
            $('#arial12B').html(desc);

            if($('#arial12B').width() > 226){
                $(this).css('background-color', '#cccccc');
            }
        });
    });

如有任何帮助，我们将不胜感激!

Answer 1

尝试，

   $('#custName').keyup(function(){

      var desc = $(this).val();
      var cache = $(this);

      $('#arial12B').html(desc).promise().done(function(){
        if($('#arial12B').width() > 226){
          cache.css('background-color', '#cccccc');
        } 
      });

   });