0

B2：

以下のスニペットは、ユーザーの操作に応じてスタイルを変更するように設定しているのではなく、ぼかし、フォーカス、キー押下などです。

それは自己完結型です...要素IDの配列を与えるだけで、特定のイベントで変更するスタイルを設定します。

これをモデル、ビュー、またはコントローラーに配置する必要があるモジュールはどれですか？

function styleTwitter1( pair_array )
{
    var i;
    var input;
    var label;
    for ( i = 0; i < pair_array.length; i+=2 ) 
    {
        input = document.getElementById( pair_array[ i ] );
        label = document.getElementById( pair_array[ i + 1 ] );
        label.style.fontSize = window.getComputedStyle( label, null ).getPropertyValue("font-size");
        closureBuster( input, label );
    }
    function closureBuster( input, label )
    {
        input.addEventListener( "keypress", function()
        { 
            label.style.opacity = 0; 
        }, false );
        input.addEventListener( "focus", function()
        { 
            if( input.value === '' )
            {
                label.style.opacity = 0.2; 
                input.style.border = '1px solid #888888'; 
            }
        } , false );
        input.addEventListener( "blur", function()
        {
            if( input.value === '' )
            {
                label.style.opacity = 1;
                new EffectsFont( label ).fade( 'up', 150 );
                input.style.border = '1px solid #dddddd'; 
            }   
        } , false );
    }
}
4

2 に答える 2

2

MVCでは、ビュー：

状態を観察し、ユーザーへの出力を生成します

したがって、ユーザーが表示し、操作するすべてのもの（レンダリング、スタイリングなど）は、ビューに移動する必要があります。

于 2012-05-20T22:01:04.680 に答える
0

ビューには、ユーザーに出力するすべてのものが表示されるため、可視性に関連するものはすべてビューで処理されます。したがって、最高のパフォーマンスと結果を得るには、次の手順に従う必要があります

Javaスクリプト関数を別のjsファイルに配置し、必要な関数を呼び出して要素配列をパラメーターとして渡す各ページの上部（ブロック内）に$（document）.ready（）関数を記述します

このようにして、コードはきちんと整理され、再利用可能で読みやすくなります

于 2012-05-21T04:44:46.747 に答える