jQueryのトリガーイベントループ内で複数回

Question

私はいくつかのコンテキストから始めます：私は、画面にテキストを表示し、keypressイベントを使用して入力するとwpmを追跡する小さなタイプのアプリケーションを書きました。退屈な状態から私はちょっと試してみたいと思っていました。隠しコマンド（短い矢印キーを使ってkontraコードを短縮する）を入力すると、自動入力する方法がありました。だから私は、私が繰り返す文字の配列を持っているし、私の各ループのkeypressイベントを以下に示すようにシミュレートしようとしている。

私の問題は、自分のイベントが1回だけトリガしてから再度トリガしないように見えることです。 setTimeout関数は、処理が早すぎる場合に備えて、ループを遅くする初期の試みでした。その後、私はほとんど純粋なjavascript関数（typeIt（））関数を実装してキーボードイベントを偽装しました。それは以下の通りです。

function typeIt(character) { 
    var keyboardEvent = document.createEvent("KeyboardEvent"); 
    var initMethod = typeof keyboardEvent.initKeyboardEvent !== 'undefined' ? "initKeyboardEvent" : "initKeyEvent"; 
    console.log(String.fromCharCode(character.charCodeAt(0)) + ' ' + (character.charCodeAt(0))); 

    keyboardEvent[initMethod](
        "keypress", // event type : keydown, keyup, keypress 
         true, // bubbles 
         true, // cancelable 
         window, // viewArg: should be window 
         false, // ctrlKeyArg 
         false, // altKeyArg 
         false, // shiftKeyArg 
         false, // metaKeyArg 
         0, // keyCodeArg 
         character.charCodeAt(0) // charCodeArgs 
); 
    document.dispatchEvent(keyboardEvent); 
} 

これも一度入力しましたが、間違った文字を入力しているようです。だから私はjQueryトリガを働かせようとすることに戻り、それに固執しました。私はそれを最初の手紙をタイプすることができますが、その後それは完全に発砲を停止するように見えます。私はイベントのトリガーをリセットする可能性があるのか​​どうか疑問に思っていました。リセットされずにループ内で1回しか起動できない場合、またはそれがここでも問題になっている場合です。

これが何が起こっているのかを見たいと思っているのなら、私はここでモックアップしています（私が実際に取り組んでいることはもうちょっと洗練されたC＃アプリですバックエンド）：私はシンプルjQueryクリックイベントでこの問題を持っていた

Answer 1

stackoverflowの事前のチームでhttp://codepen.io/jiggawagga/pen/wBoaRY

感謝。私は下に行って、それは正常に働いた。それはあなたの問題を解決するかどうかを確認

jQuery(document).off().on('click', '.my-div', function(){ 
    // SOME EVENT GOES HERE 
}) 

は、私はそれを試してみjsfiddleにあなたのコードをコピーしhttp://api.jquery.com/off/

Answer 2

を参照してください。

$('#out').trigger({ type: 'keypress', which: value.charCodeAt(0)}); 

は基本的にそれを受け取ることになっている要素にイベントをトリガ：これに

jQuery.event.trigger({ type: 'keypress', which: value.charCodeAt(0) }); 

：私は仕事にそれを得るために変更しなければならなかった唯一のことは、これを変更しました。私はあまりよくjQueryに精通していないので、これはあなたが後にしている解決策ではないかもしれません。しかし、それは私のために働いた。

フィドルのための完全なJS：

var _arrToCopy = Array.prototype.slice.call("lorem ipsum"); 
var time = 0; 
$('#out').keypress(function(e){ 
    $(this).text($(this).text() + String.fromCharCode(e.which)); 
}); 

$.each(_arrToCopy, function (index, value) { 
    setTimeout(function() { 
    console.log(value); 
    $('#out').trigger({ type: 'keypress', which: value.charCodeAt(0)}); 
    }, time); 
    time += 500; 
}); 

そしてHTML：

<p id="out">