I have a list of HTML controls and I need to bind a listener for the keyup event to each of these. Once that is triggered, some other actions should subsequently be kicked off after a time delay. I'm using setTimeout for that.
$(".TextBoxClass").each(function () {
$(this).keyup(function () {
alert("Id = " + $(this));
setTimeout(function () {
alert("current Id = " + $(this))
}, 50);
})
})
The first alert message shows the correct id of the control which triggers the keyup event. The second alert within the setTimeout says current id = [object][object].
How can I access the control within the setTimeout callback function?
<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);
});
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments