jQuery鍵入和輸入事件觸發兩次

Question

我遇到了類似的問題，touchstart click事件觸發兩次。我加入preventDefault()和stopPropagation()解決了這個問題，如下圖所示：

$('.upload-area').on('touchstart click', function(e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     $(this).siblings('.upload-button').trigger('click'); 
    }); 

不過，我試着做同樣與keyup input事件，但它似乎並沒有工作。有沒有解決這個問題的方法？

Answer 1

是的，你可以試試用.stop() jquery函數。

像：

$(this).siblings('.upload-button').stop().trigger('click'); 

或其他方式向所有click和touchstart事件

$('.upload-area').on('touchstart click', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    $(this).siblings('.upload-button').trigger('click'); 
}).stop();