Как поймать последнее слово после нажатия ввод для textarea?

@Fatmarmelad · Регистрация: 20.02.2016

Author24 — интернет-сервис помощи студентам

Добрый день!
В textarea вводятся слова, после каждого слова нажимается ввод. Как получить значение только последнего введённого слова?
Обычный метод, приведённый ниже даёт все значения введённые в текстовое поле.

JavaScript    
        
    Скопировано
1
2
3
4
$('#message').keydown(function (e) { //отлавливаем нажатие клавиш
    if (e.keyCode == 13) { //если нажали Enter, то true
      let word = $('#message').val();
}});

Есть вариант - запоминать всю строку (присваивать переменной всё содержимое строки) после каждого клика ввод и затем сравнивать с последующей строкой после после клика, разница и будет то последнее слово, но по-моему это слишком громоздко. Может есть какие-то способы в jQuery прямо из коробки? Может есть что-то, для такой задачи, на чистом JS?

krvsa · 25.08.2024, 20:19

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

Как получить значение только последнего введённого слова?

Как вариант...

PHP/HTML    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<textarea id='message'></textarea>
 
<script>
$('#message').keydown(e => {
    if (e.keyCode != 13) return
    const word = $('#message').val().split('\n').pop()
    console.log(word)
});
</script> 
</body>
</html>

@Storm Screamer · 25.08.2024, 20:39

Fatmarmelad,

PHP/HTML    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Get Last Word</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <textarea id="myTextarea" rows="10" cols="30"></textarea>
    <div id="lastWord"></div>
 
    <script>
        $(document).ready(function() {
            $('#myTextarea').on('keydown', function(e) {
                if (e.key === 'Enter') {
                    e.preventDefault(); // Предотвратить добавление новой строки
                    let text = $(this).val();
                    let words = text.trim().split(/\s+/); // Разделить текст на слова
                    let lastWord = words[words.length - 1]; // Получить последнее слово
                    $('#lastWord').text('Последнее слово: ' + lastWord); // Показать последнее слово
                }
            });
        });
    </script>
</body>
</html>

@voraa · 26.08.2024, 09:33

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

Как получить значение только последнего введённого слова?

Storm Screamer, Ваш код получает последнее слово в тексте, а не последнее введенное

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи. Формулы от LM по моему решению пока не проверял. В итоговой её формуле видно её заблуждение. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@voraa 914 / 660 / 136 Регистрация: 21.01.2024 Сообщений: 3,190
	26.08.2024, 09:33
	Сообщение от Fatmarmelad Как получить значение только последнего введённого слова? Storm Screamer, Ваш код получает последнее слово в тексте, а не последнее введенное 0