Javascript-форум - Печатает... Не печатает...

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Печатает... Не печатает... (https://javascript.ru/forum/jquery/48506-pechataet-ne-pechataet.html)

Печатает... Не печатает...

подскажи плиз как реализовать следующее:
есть, например, textarea, при keydown лабел который находится рядом меняет свой текст на "Печатает...", если же пользователь не печатает, меняет на "Не печатает..."

Попробуй так

Код:

label=document.getElementById("label")

label.innerHTML="NOT"

textarea=document.getElementById("area")

textarea.addEventListener("focus", function(){this.onkeydown=function(){label.innerHTML="PRINT"}})

textarea.addEventListener("blur", function(){label.innerHTML="NOT"})

Код:

<html>

<head><title>head</title></head>

<body>

<textarea id="area"></textarea>

<div id="label"></div>

</body>

</html>

Цитата:

Сообщение от accept

если же пользователь не печатает

Да, вот это я сразу не заметил. Видимо вариант выше тебе не подойдет. Тут наверное нужно через сетинтервал решать. Ща, чуть позжа мож напишу, если кто другой не напишет

Цитата:

Сообщение от foo (Сообщение 319739)

напиши плиз код

Быдлокод конечно, но, вроде, работает:

Код:



label=document.getElementById("label")

label.innerHTML="NOT PRINTING"

textarea=document.getElementById("area")

textarea.fixValue=textarea.value

textarea.getValue=function(){return this.value}

textarea.onkeydown=function(){label.innerHTML="PRINTING"}//сокращаем отклик





observer="id=setInterval(function(){"+

   "if(textarea.fixValue===textarea.getValue()){label.innerHTML=\"NOT PRINTING\"; return}"+

   "label.innerHTML=\"PRINTING\"; textarea.fixValue=textarea.getValue()"+

"}, 1000)"



textarea.addEventListener("focus", function(){eval(observer)})

textarea.addEventListener("blur", function(){clearInterval(id)})

Цитата:

Сообщение от foo (Сообщение 319739)

Цитата:

Сообщение от foo (Сообщение 319754)

Быдлокод конечно, но, вроде, работает:

Код:



label=document.getElementById("label")

label.innerHTML="NOT PRINTING"

textarea=document.getElementById("area")

textarea.fixValue=textarea.value

textarea.getValue=function(){return this.value}

textarea.onkeydown=function(){label.innerHTML="PRINTING"}//сокращаем отклик





observer="id=setInterval(function(){"+

   "if(textarea.fixValue===textarea.getValue()){label.innerHTML=\"NOT PRINTING\"; return}"+

   "label.innerHTML=\"PRINTING\"; textarea.fixValue=textarea.getValue()"+

"}, 1000)"



textarea.addEventListener("focus", function(){eval(observer)})

textarea.addEventListener("blur", function(){clearInterval(id)})

не работает(

Цитата:

Сообщение от accept

не работает(

Не знаю, у меня в мозиле работает. Ты в чем запускаешь?

ты во этот код в хтмл не забыл вставить случаем?
<body>
<textarea id="area"></textarea>
<div id="label"></div>
</body>

:-?

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>

<body>
    <textarea id="area"></textarea>
    <div id="label">Не печатает...</div>
    <script>
        var timer, show = document.querySelector('#label');
        document.querySelector('#area').oninput = function () {
            window.clearTimeout(timer);
            show.innerHTML = 'Печатает...';
            window.setTimeout(function () {
                show.innerHTML = 'Не печатает...'
            }, 1500)
        }
    </script>
</body>

</html>