Как использовать «this» внутри вложенной функции setTimeout

Question

Если у меня есть вход с текстовыми вводами класса и есть функция вставки для этих элементов, мне нужно вложить функцию setTimeout внутри функции вставки, но тогда как Я определяю this внутри функции таймаута? Код ниже не работает, так как this не определен внутри функции setTimeout. Спасибо.

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

     var element = this; 

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

     $(this).val(newstr); 

    },100); 
}); 

Answer 1

Просто использовал сам кэшированные один, this в точках SetTimeout обратного вызова в глобальном контексте не элемент.

$('.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); 
}); 

Вы можете упростить это, используя .val(function(index, value)) синтаксис:

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

Answer 2

возможно вы имеете в виду это?

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

     var element = this; 

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

     $(element).val(newstr); 

    },100); 
}); 

Answer 3

Вы были ссылки this вместо вашего элемента.

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