valor TEXTAREA claro después de clic (onFocus)

Question

actualmente estoy usando ..

onfocus="this.value=''; return false;" 

para borrar el valor dentro de mi área de texto para dejar comentarios. Sin embargo, cuando hace clic para ingresar un comentario y escribe algunas cosas, si hace clic fuera del cuadro para leer tal vez algo más en la página y luego vuelve a su comentario al hacer clic nuevamente en el cuadro de texto, borra su entrada actual .

¿Hay alguna manera de borrar el área de texto en el clic inicial solo para borrar el valor predeterminado y no el resto de los clics para el resto de la sesión de la página del navegador?

Answer 1

Declara una variable clearedOnce en javascript que es falso. En su Onfocus, verifique esta variable. Si es falso, configúralo como verdadero y borra tu área de texto. Todos los clics posteriores no harán nada. Código:

onfocus='if (!clearedOnce) { this.value = ''; clearedOnce = true;} return false;' 

Answer 2

Puede utilizar una página global var.

En un elemento script encima del elemento

var tracker = {}; 

tarde ...

<textarea name="a" onfocus="if(!tracker[this.name]) { tracker[this.name]=true; this.value=''; } return false;">Placeholder text</textarea> 

Answer 3

Es mejor poner las instrucciones en una etiqueta de la etiqueta, colóquelo sobre el área de texto, y luego ocultarlo o muéstrelo si el área de texto está enfocado. La razón de esto es porque su área de texto de texas estará llena de instrucciones y estas pueden ser enviadas si están dentro de un formulario.

Pero, resolver su problema, todo lo que tiene que hacer es:

onfocus="if(this.value== "your initial text"){this.value=''}; return false;" 

Answer 4

esto ayudará

function clearTA { 
    if(this.value != "type here") { 
     this.value = ''; 
     return false; 
    } 
} 

y onfocus atributo HTML

...onfocus="clearTA()".. 

Answer 5

Así que entiendo que tener un valor precargado como "Ingrese su texto aquí"? Trate de añadir este javascript:

function clearText(textarea,prefilled){ 
     if(textarea.value==prefilled) 
      textarea.value=""; 
     return false; 
    } 

Entonces, la entrada debe ser: Introduzca el texto aquí

Esto debería empezar ...

Answer 6

<script type="text/javascript"> 
function clearOnInitialFocus (fieldName) { 
    var clearedOnce = false; 
    document.getElementById(fieldName).onfocus = (function() { 
    if (clearedOnce == false) { 
     this.value = ''; 
     clearedOnce = true; 
    } 
    }) 
} 
window.onload = function() { clearOnInitialFocus('myfield'); 
</script> 

Fuente: http://snipplr.com/view/2206/clear-form-field-on-first-focus/

Answer 7

Sé que es tarde, pero para cualquier otra persona que tenga este problema, creo que la respuesta más simple es

onfocus="this.value=''; this.onfocus='';"

debe hacer exactamente lo que quiere sin tener que almacenar/comprobar cualquier variable.

Answer 8

Creo que es una buena costumbre separar la lógica del contenido. Entonces, usando jQuery (todos usamos jQuery, ¿verdad?) Que podría hacer:

$(document).ready(function() { 
    var _bCleared = false; 
    $('form textarea').each(function() 
    { 
     var _oSelf = $(this); 

     _oSelf.data('bCleared', false); 
     _oSelf.click(function() 
     { 
      if (!_oSelf.data('bCleared')) 
      { 
       _oSelf.val(''); 
       _oSelf.data('bCleared', true); 
      } 
     }); 
    }); 
}); 

Esto iterar sobre todo las áreas de texto en el sitio y almacenar un valor booleano sobre su estado claro en un enlace de datos separadas. El evento onclick también se maneja por separado para cada área de texto, por lo que puede tener múltiples borrados de textarea/textarea en una sola página y no es necesario que Javascript salpique su html.

Answer 9

En su lugar, use HTML5placeholder y use un plugin jquery para navegadores más antiguos.

ejemplo Correr aquí: http://jsfiddle.net/dream2unite/xq2Cx/

<input type="text" name="email" id="email" placeholder="name@email.com"> 

debe ir acompañada de la siguiente secuencia de comandos:

$('input[placeholder], textarea[placeholder]').placeholder(); 

Al entrar en un correo electrónico el texto (marcador) desaparecerá, sólo cuando se elimina su correo electrónico volverá a aparecer el texto (marcador de posición).

Y, por último, un buen ejemplo obvio de un plugin de jQuery para marcadores de posición es ésta: http://mathiasbynens.be/demo/placeholder