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');
        } 
      });

   });