属性 'onclick'を使用してjQuery関数.one（）を要素に適用する方法

Question

クリックしたときに入力フィールドをクリアしたいのですが、初めてクリックするときだけです。あなたは上記のスニペットで見ることができるように、

$('#inputf').one("click", function() { 
    $(this).val(""); 
}); 

入力：ドキュメントの任意の場所で次のコードを入れて（= inputfがすでにロードされているIDを持つ要素を仮定して）：jQueryを使って、あなたはこのようにそれを達成することができますフィールドにはid属性の値がinputfである必要があります。
しかし

<input type="text" onclick="$(this)....val('')" /> 

のように、入力フィールドのonclick属性にそのスニペットを移動する方法はありますか？この関数は1つ以上のJavaScriptイベント型を含む文字列を必要とするため、関数.one()を使用できないようです。しかし、ただ1つ以上のイベントタイプを指定せずに、呼び出すたびに.one()を実行したいだけです。

Answer 1

リクエストしてから投稿するだけで、私はインラインハンドラを推奨しません。

<input type="text" onclick="this.onclick = null; this.value = ''; " /> 

http://jsfiddle.net/aUmNK/

Answer 2

<input type="text" onclick="if(flagCount === 0){this.value='';flagCount++;}" /> 

はheadでscriptタグのグローバル変数としてvar flagCount = 0を宣言する。

Answer 3

あなたはすべてのテキスト入力フィールドのためにそれをやってみたかった場合は、あなたができる：

$("input[type=text]").each(function(){ 
    $(this).one("click", function() {$(this).val = "";}); 
}); 

を...またはあなたは、例えば、特定のdiv内のすべての入力フィールドを取得するために、セレクタを絞り込むことができます。

$("#divId input[type=text]") 

Answer 4

あなたは、要素タグにoneなどのイベントを行うためのjQueryを必要としません。ただ、このような何か：あなたの機能は初回のみ実行されます

<input onclick="function(event) { /* do something */ this.onclick = function(){}; }" /> 

、その後、新しいvoid関数はonclickのイベントコールバックに添付されます。

Answer 5

あなただけの独自のシンプルなjQueryプラグインを書くことができます。この後

(function($) { 
    $.fn.clearOnce = function() { 

    this.one("click", function() { 
    $(this).val(""); 
    }); 

    }; 
})(jQuery); 

次のことができます。

<input type="text" onclick="$(this).clearOnce();" /> 

は、内部のJavaScriptコードを使用して;-)