jquery - jQueryの複数の.onイベントに沿って変数を渡す

Question

私はこのコードを持っています：

$(document).on({
    focus: function(){
        if ( $(this).val() == inputvalue ){
            $(this).val("");
        }
        $(this).css({"box-shadow":"inset 2px 2px 5px #c7bda8"});
    },
    blur: function(){
        if ( $(this).val() == "" ){
            $(this).val(inputvalue);
        }
        $(this).css({"box-shadow":"none"});
    }
}, "input[type='text']");

フォーカスされる入力フィールドの値を含む変数（ "inputvalue"）を渡すにはどうすればよいですか？

前もって感謝します ：）

Answer 1

次のように、より高いスコープで定義してみてください。

var inputvalue = $('input').val();

$(document).on({
    focus: function(){
        if ( $(this).val() == inputvalue ){
            $(this).val("");
        }
        $(this).css({"box-shadow":"inset 2px 2px 5px #c7bda8"});
    },
    blur: function(){
        if ( $(this).val() == "" ){
            $(this).val(inputvalue);
        }
        $(this).css({"box-shadow":"none"});
    }
}, "input[type='text']");