jquery - jQuery检查文本是否到达边界

Question

我有一个文本框，可以在 div 中的任何位置拖动（见下图）。

问题是我希望它在文本接近边界时提醒我。例如，用户开始输入并且文本碰到右边框，因此应该弹出警告说用户必须拖动框才能继续输入。有没有功能或方法可以做到这一点？

Answer 1

如果文本框宽度不固定，那么您可以在 keyUp 上检查其宽度：

$('#textBox').keyup(function() {
  var $dragBox = $('#dragBox');
  var $textBox = $('#textBox');
  var dragBoxRightSide = $dragBox.width() + $dragBox.offset().left;
  var textBoxRightSide = $textBox.width() + $textBox.offset().left;

  if ( dragBoxRightSide < textBoxRightSide ) {
    alert('WTF?');
  }
});