如何在嵌套的setTimeout函數中使用'this'

Question

如果我有一個類'textInputs'的輸入並且具有這些元素的粘貼功能，我需要在paste事件函數中嵌套一個setTimeout函數，但是如何才能我在timeout函數裏面定義了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

只是用在setTimeout的回調點緩存一個本身，this全球範圍內沒有的元素。

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