キーアップが発砲していません

Question

私はこれを動作させましたが、停止しました。奇妙なことは、 'mouseup'は動作しますが、 'keyup'は動作しないということです。

$（ドキュメント）.ready（関数（）{

$('#chordprodiv').on('keyup mouseup', 'textarea', function() { 
    chordpro_toCHORDSHEET(); 
}); 

}）。

コメントの後に2つの修正があります。 jqueryを更新して関数を.onに変更し、イベントの書式を修正して同じ文字列にするようにしました。コードはすでにdocument.readyに入っていましたが、わかりやすくするために追加しました。

私は以来、親divをターゲットにし、別の提案に従って 'textarea'セレクタを特定しました。

はまたここにHTML

<textarea id="chordpro" name="chordpro"></textarea> 

Answer 1

.liveは

...あなたはまた、あなたのイベントが1つの文字列に一緒にする必要があります

.on使用する必要があり、jQueryの新しいバージョンでは廃止されています

$('#chordpro').on('keyup mouseup', function() { 
    chordpro_toCHORDSHEET(); 
}); 

イベントハンドラは、次のような形式で呼び出される必要があります。 $（ドキュメント）.on（イベント、セレクタ、データ、ハンドラ）;

Answer 2

問題は、イベントハンドラの設定方法にあります。 jQueryの.on（）を使用している。このオーバーロードがあります。

.on（イベント[セレクタ] [データ]、ハンドラー）

けど（http://api.jquery.com/on/で発見）のドキュメントから：

セレクタが提供される場合、イベントハンドラは委任されたと呼ばれます。バインドされた要素でイベントが直接発生したときにハンドラが呼び出されるのではなく、セレクタに一致する子孫（内部要素）に対してのみハンドラが呼び出されます。 jQueryはイベントをイベントターゲットからハンドラがアタッチされている要素（つまり最も内側の要素から最も外側の要素）までバブリングし、セレクタに一致するそのパスに沿った任意の要素のハンドラを実行します。

意味は2つあります。

<div id="chordpro-div"> 
    <textarea id="chordpro" name="chordpro"></textarea> 
</div> 

：

1.使用は.on

$('#chordpro').on('keyup mouseup', function() { 
... 

または

の他の過負荷は、親要素

HTMLにイベントハンドラを置きます

Javascript：

$('#chordpro-div').on('keyup mouseup', 'textarea', function() { 
...