jQuery使用keydown / keyup / keypress事件僅觸發一次，而不是按住鍵時觸發多次

Question

我正在嘗試在板上每次按鍵后的第一個添加相同的div，並添加相同的類。

1. 使用按鍵，當用戶按下鍵時，按下該鍵將觸發事件（並繼續運行）。 我想停止該操作，即使按下該鍵，也只能在按鍵時觸發一次功能。

<div class="player1"></div>

$(document).on('keydown', function() {
    $('.player1:last').after('<div class="player1">Go!<div>');
})

Answer 1

1. 使用按鍵，當用戶按下鍵時，按下該鍵將觸發事件（並繼續運行）。 我想停止該操作，即使按下該鍵，也只能在按鍵時觸發一次功能。

您可以使用.one()附加keydown事件，在keyup事件中再次使用.one()重新附加keydown事件，這樣可以防止在按住key時調用keydown處理程序。

 function handleKeyDown() { $('.player1:last').after('<div class="player1">Go!<div>'); } var d = $(document); d.one('keydown', handleKeyDown) .on("keyup", function() { d.one("keydown", handleKeyDown) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> <div class="player1"></div>