Предварительное добавление входного значения к текстовой области в jQuery

Question

Предварительное добавление входного значения к текстовой области в jQuery

0

Я пытаюсь написать сценарий, который добавляет содержимое текстового ввода в текстовое поле в реальном времени

Вот что я сейчас имею:

<textarea rows="4" id="tweet-text" name="tweet-text"></textarea>
<input id="prepend" name="prepend" type="text">

JQuery:

function appendTweet()
{
    var tweet = $("#tweet-text").val();
    $('#prepend').bind('keyup keypress', function() { 
        $('#tweet-text')[0].value = tweet + $(this)[0].value;
    });
}

jQuery(document).ready(function($)
{
    appendTweet();
    $('#prepend').keyup(appendTweet);
});

В настоящее время мой ввод - это предыдущая строка плюс новая, поэтому, если я набрал привет, я бы получил

час

HHE

hehel

helhell

hellhello

Я понимаю, почему это происходит, но я не могу найти решение.

РЕДАКТИРОВАТЬ

Чтобы уточнить, я ищу следующий результат:

Я #prepend 'test' в #prepend. #tweet-text теперь говорит 'test'.
Я набираю 'test2' в #tweet-text. # tweet-text 'теперь говорит' test test2 '.
Я #prepend так, что теперь он говорит "test3". #tweet-text теперь говорит 'test3 test2'.

Sebastian 27 апр. 2014, в 17:56

Источник

0

Пожалуйста, уточните, чего вы хотите добиться: пользователю разрешено вводить текст в текстовую область? Если это так, вы хотите, чтобы текст в текстовой области сохранялся, пока текст в текстовом поле добавлен, верно?
Paolo 27 апр. 2014, в 15:49
0

@ Паоло Нет, я хочу заменить его. Смотрите мое редактирование.
Sebastian 27 апр. 2014, в 16:01
0

В точке 2 вы печатаете в текстовой области. В пункте 3 вы сохраняете то, что было введено в текстовую область «test2». Не заменить его.
Paolo 27 апр. 2014, в 16:08
0

Извините, да, это верно. То, что идет в текстовой области, сохраняется, то, что входит во вход, заменяется.
Sebastian 27 апр. 2014, в 16:09
0

Здесь я вижу критическую точку: вы можете обновлять текстовую область (синхронно), чтобы она всегда prepend с prepend когда пользователь пишет текст в prepend . Но что, если пользователь пишет в начале текстовой области, меняет строку препарирования (из текстовой области) или просто очищает всю текстовую область?
Paolo 27 апр. 2014, в 16:15
0

попробуйте с этим jsfiddle.net/Qtr7C, чтобы понять, что я имею в виду
Paolo 27 апр. 2014, в 16:18

Показать ещё 4 комментария

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Пожалуйста, уточните, чего вы хотите добиться: пользователю разрешено вводить текст в текстовую область? Если это так, вы хотите, чтобы текст в текстовой области сохранялся, пока текст в текстовом поле добавлен, верно?
@ Паоло Нет, я хочу заменить его. Смотрите мое редактирование.
В точке 2 вы печатаете в текстовой области. В пункте 3 вы сохраняете то, что было введено в текстовую область «test2». Не заменить его.
Извините, да, это верно. То, что идет в текстовой области, сохраняется, то, что входит во вход, заменяется.
Здесь я вижу критическую точку: вы можете обновлять текстовую область (синхронно), чтобы она всегда prepend с prepend когда пользователь пишет текст в prepend . Но что, если пользователь пишет в начале текстовой области, меняет строку препарирования (из текстовой области) или просто очищает всю текстовую область?
попробуйте с этим jsfiddle.net/Qtr7C, чтобы понять, что я имею в виду

Ehsan Sajjad · Answer 1 · 2014-04-27T13-23-00.000Z

0

сделайте вот так:

function appendTweet()
{
    var tweet = $("#prepend").val();
    $('#tweet-text').val(function(index, old) { return tweet + old; });

}

Это добавит текст текстового поля в текстовую область.

Вот Fiddle DEMO

Ehsan Sajjad 27 апр. 2014, в 13:23

0

Какая часть этого зависит от того, что находится в поле ввода?
Sebastian 27 апр. 2014, в 15:46
0

val функция твит-текста
Ehsan Sajjad 27 апр. 2014, в 15:47
0

Я также добавил демо-ссылку ..
Ehsan Sajjad 27 апр. 2014, в 15:47
0

Спасибо за демо. Работает ли это для вас? Это делает то же самое, что я описал в своем вопросе.
Sebastian 27 апр. 2014, в 15:48
0

вы хотели добавить текстовое поле в текстовую область
Ehsan Sajjad 27 апр. 2014, в 15:48
0

Да, но мне нужен только текущий предварительно добавленный текст, чтобы быть в текстовой области. Это позволяет им накапливать.
Sebastian 27 апр. 2014, в 15:50
0

вам нужно использовать событие focusout : jsfiddle.net/2Q3TX/1
Ehsan Sajjad 27 апр. 2014, в 15:50
0

Это все еще не заменяет предыдущий предварительно добавленный текст. Мне почти нужны два раздела для текстовой области: предварительно добавленный текст + тело. И предварительно написанный текст должен быть в состоянии заменить чем-то другим.
Sebastian 27 апр. 2014, в 15:52
0

вам нужно заменить текстовую область текстом ????
Ehsan Sajjad 27 апр. 2014, в 15:56
0

Да, см. Мою правку по первоначальному вопросу.
Sebastian 27 апр. 2014, в 16:00

Показать ещё 8 комментариев

mehulmpt · Answer 2 · 2014-04-27T13-02-00.000Z

Попробуй это:

jQuery(document).ready(function($) {
     $('#prepend').onkeydown(function() { 
     var tweet = $("#tweet-text").val();
     $('#prepend').val(tweet);
});
});