如何修复浏览器移动视图中未定义问题的jQuery“长度”？

Question

我正在创建输入表单，用户可以在其中添加一些文本。如果输入值为空，则禁用提交按钮，如果输入文本，则启用提交按钮。我创建的代码运行良好，但是当我使用移动设备或触摸视图时（chrome 开发工具切换设备工具栏）不起作用。我认为问题是触摸，但我无法解决。

$('#imgText').on('keyup keypress', function() {

  if($(this).val().length >= 1) {

      $("#generate-img").removeClass("no-click");

    }

});

$('#imgText').on('keyup', function() {

  if($(this).val().length == 0) {

    $("#generate-img").addClass("no-click");

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>