textarea onclick удалить текст - PullRequest
Новая
       11

textarea onclick удалить текст

2 голосов
/ 16 июня 2011

Я знаю, как удалить текст в простом текстовом поле HTML, но текстовые области HTML кажутся намного более сложными. вместо атрибута value вы помещаете текст прямо между: 

 <html>
<textarea> </textarea>.  
</html>

Вот почему у меня проблемы с созданием событий onFocus и onBlur.

Ответы [ 4 ]

14 голосов
/ 14 июля 2011 
<textarea name="message" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
Put anything for default value here
</textarea>

Живой пример: http://jsfiddle.net/SRYLg/

1 голос
/ 16 июня 2011

Текстовое поле ведет себя как другие элементы <input> (с type text или password), вместо того, чтобы иметь атрибут значения, значение находится между тегами <textarea> и </textarea>.

Доступ к текстовому полю и его изменение не имеют значения. Приведенный ниже код отображает текстовую область и поле ввода. Эта же функция используется для доступа к значениям и их изменения. Если при вводе значение равно «тексту примера», текст очищается. Если текстовое поле / поле ввода пусто при выходе из него, в него будет помещен «пример текста». 

<textarea id="field1">example text</textarea>
<input id="field2" value="example text">
<script>
function addEvents(id) {
    var field = document.getElementById(id);
    field.onfocus = function () {
        if (this.value == "example text") {
            this.value = "";
        } 
    };
    field.onblur = function () {
        if (this.value == "") {
            this.value = "example text";
        } 
    };
}
addEvents("field1");
addEvents("field2");
</script>
0 голосов
/ 16 июня 2011

как насчет вызова функции javascript во время события onFocus? 

function emptyText(){    
    document.getElementById(textarea).innerHTML = "";
}
0 голосов
/ 16 июня 2011

Ваш Javascript должен иметь: 

function RemoveText(obj) 
{   obj.value = ''; }

И ваш HTML-элемент должен иметь: 

onfocus="RemoveText(this);"
...