1

Есть скрипт который через setInterval периодически опрашивает localStorage и добавляет его содержимое к тексту в textarea. Но если вручную ввести текст в textarea то скрипт перестает работать, с чем это может быть связано и как это исправить?

Код обработчика:

var smile;
var isFirstLaunch = true;   

function checkSmile() {
    if( isFirstLaunch == true) {
        localStorage.setItem('current_smile', "empty");
        isFirstLaunch = false;
    }
    smile = localStorage.getItem('current_smile');
    smile = smile.trim(smile);
    if(smile != "empty") {
        addSmile();
        localStorage.setItem('current_smile', "empty");
    }

}

function addSmile() {
    smile = smile.trim(smile);
    msg = $('textarea[name="message"]').html();
    $('textarea[name="message"]').html( msg + " " + smile + " ");
}
setInterval(checkSmile, "100");

Скрипт сохраняющий код смайла в localStorage:

$('td').click(function(){
    var smile_code = $(this).children('div').children('table').children('tbody').children('tr:last').children('td').children('spann').html();
    localStorage.setItem('current_smile', smile_code);
 });

JavaScript начал учить недавно, так что прошу прощение за качество кода.

11
  • Связано это, скорее всего, с ошибкой в JS-коде. Исправить это можно, исправить эту ошибку в коде. Так как необходимый код в вопрос вы не добавили, то это максимум из того, что можно сказать о вашей проблеме.
    – Regent
    27 ноя 2015 в 7:03
  • Покажите код, как опрашивает, как вносит? Есть ли ошибки в консоли браузера при автоматическом заполнении и при заполнении пользователем? Есть ли обработчик onchange на textarea? если есть может в нем просто останавливают интервал
    – Grundy
    27 ноя 2015 в 7:26
  • в текущем коде smile всегда empty поэтому ничего не добавляется
    – Grundy
    27 ноя 2015 в 11:17
  • Смайлы добавляются до тех пор, пока не написать что-либо в textarea вручную 27 ноя 2015 в 11:30
  • 1
    да, воспроизвел: jsfiddle.net/qc64v8oa/1
    – Grundy
    27 ноя 2015 в 11:49

1 ответ 1

2

Проблема в использовании .html(), вместо него для получения текущего значения textarea и соответственно установки нового - нужно использовать val().

JS Fiddle

Html:

<textarea name="message"></textarea> 
<button type="button" id="btn">Smile</button>

Js:

var smile;
var isFirstLaunch = true;   
$('#btn').click(
    function(){
        localStorage.setItem('current_smile', 'smile');
    }
);
function checkSmile() {
    if( isFirstLaunch == true) {
        localStorage.setItem('current_smile', "empty");
        isFirstLaunch = false;
    }
    smile = localStorage.getItem('current_smile');
    smile = smile.trim(smile);
    if(smile != "empty") {
        addSmile();
        localStorage.setItem('current_smile', "empty");
    }

}

function addSmile() {
    smile = smile.trim(smile);
    msg = $('textarea[name="message"]').val();
    $('textarea[name="message"]').val( msg + " " + smile + " ");
}
setInterval(checkSmile, 1000);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.