javascript - 1 つの onkeypress イベントに複数の機能を設定することは可能ですか?

Question

私はこれを持っています：

signin_input.onkeypress = function()
{
    label.style.opacity = 0;
}

ただし、追加のコードを実行したい場合があるため、次のように上書きします。

signin_input.onkeypress = function( event ) 
{
    signin_label.style.opacity = 0; // just add in previous function here
    if( event.keyCode === 13 )
    {
        new ControlType( 'signin' ).invoke();
        return false; 
    }
}

古い関数の 1 行を新しい関数に含めるだけです。

ただし、onkeypress に 2 回書き込むため、これは少し非効率的です。

両方を実行する方法はありますか。これを可能にする何らかの内部 JavaScript 構造はありますか。

Answer 1

DOM イベントについて読み始めます...要素のプロパティを設定するのは昔ながらの方法です... addEventListener()orremoveEventListener()を通常に使用します(つまり、IE ファミリではありません)。attachEvent()または IE6 にorを使用detachEvent()します (IE7 も使用すると思います)。

最善の方法...いくつかの js ライブラリを使用します。jQuery をお勧めします。

Answer 2

私はあなたがこのようなことをしていることを理解しています：

signin_input.onkeypress = function1;
signin_input.onkeypress = function2;

次のようなことができます。

signin_input.onkeypress = function(){
    if (condition1) function1();
    if (condition2) function2();
};