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