динамическое текстовое поле водяного знака удалить сообщение при нажатии клавиши

Question

У меня есть текстовое поле в моем дереве, которое генерируется во время выполнения, чтобы дать пользователю возможность ввести узел в текстовое поле. Я дал сообщение с водяным маркером, чтобы ввести что-то в функцию щелчка текстового поля, которое я очистил. текстовое поле, но на событие нажатия клавиши также я хочу, чтобы текст был очищен, но не в состоянии сделать это, я вставил свой код

function CreateTextBoxNode(SpnPrntId) {
var elem = document.createElement("input");
elem.type = "text";
elem.id = "txtParent";
elem.value = "Enter node name";
$(elem).css("color", "DarkGray");
elem.setAttribute('onblur', 'SetSpanValueForParent("' + SpnPrntId + '")');
$(elem).keypress(function(e) {
    SetEnterValue(SpnPrntId, e);
});
$(elem).click(function() {
    textClick();
});
$(elem).focus(function() {
    textClick();
});
return elem;

}

function SetEnterValue(prntID, e) {
var key = checkBrowser(e);
if (key == 13) {
    SetSpanValueForParent(prntID);
}

}

функция textClick () { $ ( "# TxtParent") Вал ( ''); }

При нажатии клавиши, когда нажата клавиша ввода, мне нужно добавить значение в некоторый интервал, я также попробовал его функцию фокусировки, поэтому, когда текстовое поле появляется в первый раз с установленным фокусом, оно удаляет сообщение.

Answer 1

Я думаю, вам будет намного проще использовать заполнитель , который будет работать во многих современных браузерах (Firefox, Chrome, Etc), а затем, возможно, jquery плагин чтобы он работал с несовместимыми браузерами.

Вот еще одна очень простая версия
https://github.com/brandonweiss/jquery-placeholder

Я использовал этот подход в своих веб-приложениях, и он прекрасно работает. Лучшая часть - это возможность многократного использования. Каждый раз, когда вам нужен водяной знак, вы просто добавляете тег-заполнитель к своему вводу, и все готово.

<input placeholder="Enter a valid email address" name="email" id="email" />