how to get use 'this' inside nested setTimeout function

Question

If I have an input with class 'textInputs' and have a paste function for those elements, I need to nest a setTimeout function inside the paste event function, but then how can I define this inside the timeout function? The code below does not work as this is not defined inside the setTimeout function. Thank you.

$('.textInputs').on('paste',function() { 

       var element = this;

       window.setTimeout(function() {  
       newstr = element.value.replace(/\n/g, '');  

       $(this).val(newstr);

   },100);  
});

Thanks all, it seem so obvious now, but it didn't even occur to me. Very tired. :) — user2014429, Nov 14 '13 at 20:38
This question appears to be off-topic because _the answer was inside you all along._ — Evan Davis, Nov 14 '13 at 20:40

score 5 · Accepted Answer · answered Nov 14 '13 at 20:33

Just used the cached one itself, this in the setTimeout callback points to the global context not the element.

$('.textInputs').on('paste',function() { 

       var element = this;
          window.setTimeout(function() {  
          newstr = element.value.replace(/\n/g, '');  
          $(element).val(newstr); //<-- Here
          //or just
          //element.value = element.value.replace(/\n/g, '');
   },100);  
});

You can simplify this using the .val( function(index, value) ) syntax:

$('.textInputs').on('paste',function() { 
       var $element = $(this);
       window.setTimeout(function() { 
          $element.val(function(_, currVal){ 
             return currVal.replace(/\n/g, '');
          }); 
    },100);  
});

score 2 · Answer 2 · answered Nov 14 '13 at 20:33

2

perhaps you mean this ?

$('.textInputs').on('paste',function() { 

       var element = this;

       window.setTimeout(function() {  
       newstr = element.value.replace(/\n/g, '');  

       $(element ).val(newstr);

   },100);  
});

answered Nov 14 '13 at 20:33

Rainer Plumer

3,693
2
24
42

score 1 · Answer 3 · answered Nov 14 '13 at 20:34

1

You were referencing this instead of your element.

  var element = $(this);
   window.setTimeout(function() {  
       newstr = element.value.replace(/\n/g, '');  
       element.val(newstr);
   },100);

answered Nov 14 '13 at 20:34

Trevor

16,080
9
52
83

how to get use 'this' inside nested setTimeout function

3 Answers3