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