Come rimuovere segnaposto a fuoco

Question

Ho fatto questa semplice funzione per aggiungere segnaposto nei browser che non lo supportano:

DEMO

La domanda è: come posso aggiungere a quella funzione la possibilità di rimuovere il segnaposto quando l'utente fa clic all'interno di esso?

Answer 1

tenta di utilizzare removeAttr() come,

$('input,textarea').focus(function(){ 
    $(this).removeAttr('placeholder'); 
}); 

Demo

Per ottenere placeholder value nuovo su blur() provare questo,

$('input,textarea').focus(function(){ 
    $(this).data('placeholder',$(this).attr('placeholder')) 
      .attr('placeholder',''); 
}).blur(function(){ 
    $(this).attr('placeholder',$(this).data('placeholder')); 
}); 

Demo 1

Answer 2

$('*').focus(function(){ 
    $(this).attr("placeholder",''); 
    }); 

Answer 3

Prova Questa speranza aiuta

$('input,textarea').focus(function() 
{ 
$(this).attr('placeholder',''); 

}); 

Answer 4

$('input').focus(function() 
{ 
    $(this).attr('placeholder',''); 

}); 

Answer 5

Per i browser che non supportano segnaposto è possibile utilizzare questo: https://github.com/mathiasbynens/jquery-placeholder. Aggiungi normalmente l'attributo segnaposto come per HTML5, quindi chiama questo plug-in: $('[placeholder]').placeholder();. Quindi usa il codice di Rohan Kumar e sarà cross-browser.

Answer 6

CSS ha funzionato per me:

input:focus::-webkit-input-placeholder { 
    color: transparent; 
} 

Answer 7

Non v'è alcuna necessità di utilizzare funzione javascript per raggiungere questo obiettivo, una soluzione più semplice è:

<input type="text" placeholder="enter your text" onfocus="this.placeholder=''" onblur="this.placeholder='enter your text'" /> 

Answer 8

$("input[placeholder]").each(function() { 
    $(this).attr("data-placeholder", this.placeholder); 

    $(this).bind("focus", function() { 
     this.placeholder = ''; 
    }); 
    $(this).bind("blur", function() { 
     this.placeholder = $(this).attr("data-placeholder"); 
    }); 
}); 

Answer 9

Una soluzione molto semplice e completa per questo è ciò che funziona in Mozilla, IE, Chrome, Opera e Safari:

<input type="text" placeholder="your placeholder" onfocus="this.placeholder=''" onblur="this.placeholder='your placeholder'" /> 

Answer 10

Questa è la mia soluzione al clic non sul fuoco:

$(document).on('click','input',function(){ 
    var $this = $(this); 
    var place_val = $this.attr('placeholder'); 
    if(place_val != ''){ 
     $this.data('placeholder',place_val).removeAttr('placeholder'); 
    } 
}).on('blur','input',function(){ 
    var $this = $(this); 
    var place_val = $this.data('placeholder'); 
    if(place_val != ''){ 
     $this.attr('placeholder',place_val); 
    } 
});