Onclick атрибут манипуляции в JavaScript?

Question

У меня есть поле ввода с предварительно определенным текстом, объясняющим, для чего оно. Если пользователь нажимает, он должен стать пустым, чтобы пользователь мог написать свой собственный. Но этого не должно произойти, если пользователь уже ввел пользовательский текст и по какой-то причине снова щелкает поле.

Первая часть работает, вторая - нет. Как мне настроить этот код?

 <input type="text" value="Write something..." firstclick=true
 onclick="if(this.getAttribute('firstclick')) {
 this.value='';this.setAttribute('firstclick',false);} ;"/>

Answer 1

Как уже упоминалось, вы должны использовать атрибут заполнителя html5 с браузерами, которые его поддерживают.

<input type="text" id="name" />

<script>
function addPlaceHolder(elt, defaultText) {
    if("placeholder" in document.createElement("input"))
        elt.placeholder = defaultText;
    else 
    {
        var defaultValue = defaultText;
        elt.value = defaultText;
        elt.onfocus = function()
        {
            if(this.value === defaultValue)
            {
                this.value = '';
            }       
        }
        elt.onblur = function()
        {
            if(this.value === '')
            { 
                this.value = defaultValue;
            }
        }
    }
}
addPlaceHolder(document.getElementById('name'), 'defaultText');
</script>

Answer 2

<input type="text" value="Write something..." 
onfocus="if(this.value=='Write something...'){ this.value='';}" 
onblur="if(this.value==''){this.value='Write something...';}">

Используйте вместо этого onfocus и onblur:)

Answer 3

Вы, вероятно, хотите вместо этого onfocus, посмотрите на этот пример:

<input type="text" value="Name"
    onfocus="if(this.value === 'Name'){this.value = ''}" 
    onblur="if(this.value === ''){ this.value = 'Name'}" >

Если текущее значение в фокусе имеет значение «Имя», установите значение в ничего

Еслитекущее значение размытия не имеет значения, установите его в «Имя»

Лучшим способом сделать это было бы сделать функцию autoclear, чтобы вам не приходилось каждый раз вводить ее заново:

function autoClearField(domElement)
{
    var defaultValue = domElement.value;
    domElement.onfocus = function()
    {
        if(this.value === defaultValue)
        {
            this.value = '';
        }
    }

    domElement.onblur = function()
    {
        if(this.value === '')
        { 
            this.value = defaultValue;
        }
    }
}

А для HTML вы используете:

<input id='name' type="text" value="Name" >

При вызове такой функции устанавливается autoclear:

autoClearField(document.getElementById('name'));

Работающий jsFiddle

Answer 4

ну, я сделал это так:

firstclick='1' value="Antwort verfassen..." 
onfocus="if(this.getAttribute('firstclick')) {
    this.value='';this.removeAttribute('firstclick');
};"

Answer 5

У вас проблема с приведением строки "true" и "false" к bool.

Часы эта скрипка . Видимо в JS:

Boolean("false");  // == true
!! "false";        // == true