Non è possibile disabilitare onclick/onblur valori per campo di testo tramite jQuery

Question

quello che ho

Ho un campo di testo, il mark-up di cui non riesco a modificare direttamente:

<input type="text" name="email" value="Email Address" id="subscribe-field" 
onclick="if (this.value == 'Email Address') { this.value = ''; }" 
onblur="if (this.value == '') { this.value = 'Email Address'; }"> 

Che cosa ho bisogno

Ho bisogno che il valore del campo di testo sia vuoto indipendentemente dal fatto che il campo di testo sia cliccato, non cliccato o escluso.

Quello che ho provato

posso disattivare il valore:

$('#subscribe-field').val(''); 

Ho provato a disattivare l'onclick e onblur valori:

$('#subscribe-field').click(function() { return false; }); 
$('#subscribe-field').off('click'); 
$('#subscribe-field').unbind('click'); 

... tuttavia, il valore riappare non appena clicco fuori dal campo di testo.

La mia domanda

Come faccio a rimuovere il valore onblur da quanto sopra mark-up?

Answer 1

provare in questo modo:

$('#subscribe-field').removeAttr('onclick');

$('#subscribe-field').removeAttr('onblur');

Answer 2

È necessario rimuovere JavaScript in linea. jsfiddle. L'utilizzo di jQuery.one assicurerà che l'evento di attivazione venga richiamato una sola volta.

<input type="text" name="email" value="Email Address" id="subscribe-field" /> 



$('#subscribe-field').one('focus',function() { 
      this.value = ''; 
     return false; 
}); 

UPDATE: Come suggerito da mahmoud, è necessario rimuovere onClick e onBlur attributo se non è possibile modificare il codice HTML.

off e unbind verranno scollegate jQuery click evento non inline onclick e restituire false anche non risolverebbe il problema il più in linea onClick verrà chiamato prima.