Question

I want to clear an input field when it’s clicked, but only the first time you click. With jQuery, you can achieve it like this: putting the following snippet anywhere in the document (assuming the element with id=inputf has already been loaded):

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

As you can see in the above snippet, the input field must have id attribute with value inputf.
But is there a way to move that snippet to the onclick attribute of the input field, like

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

? It looks like I can’t use the function .one(), because that function needs a string containing one or more JavaScript event types. But I just want .one() to be executed each time it is called, without specifying one or more event types.

Answer 1

Only posting this since you requested, I don’t advocate inline handlers.

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

http://jsfiddle.net/aUmNK/