javascript - 如何在 setTimeout() 函数中使用 $(this) 访问 asp 控件

Question

我有一个 HTML 控件列表，我需要将 keyup 事件的监听器绑定(bind)到每个控件。一旦触发，一些其他 Action 应该在一段时间延迟后开始。我正在使用 setTimeout 来实现这一点。

$(".TextBoxClass").each(function () {
  $(this).keyup(function () {
    alert("Id = " + $(this));    
    setTimeout(function () { 
       alert("current Id = " + $(this))
    }, 50);
  })
})

第一条 alert 消息显示触发 keyup 事件的控件的正确 id。 setTimeout 中的第二个 alert 表示 current id = [object][object]。

如何在 setTimeout 回调函数中访问控件？

Answer 1

  <div id="controls">
    <input class="TextBoxClass" type="text" value="1" id="id-1">
    <input class="TextBoxClass" type="text" value="2" id="id-2">
    <input class="TextBoxClass" type="text" value="3" id="id-3">
    <input class="TextBoxClass" type="text" value="4" id="id-4">
    <input class="TextBoxClass" type="text" value="5" id="id-5">
  </div>


$('#controls').on('keyup', '.TextBoxClass', function () {
  var $this = $(this);

  setTimeout(function(){ 
    // alert("current value = " + $this.val()); 
    alert("current element id = " + $this.attr('id')); 
  }, 50);
});

http://jsbin.com/yisore/1/

http://jsbin.com/yisore/1/edit