Question

我向用户提供了这个字段，用于填充PDF中的固定宽度单元格。我想要一种方法来通知用户何时达到PDF单元格的最大宽度。

因此，我创建了一个带有p标签的div（使用精确的字体，大小和重量进行格式化，将在PDF中呈现），该div是从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');
        } 
      });

   });

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

1 个答案: