Сплит-строка на пробелах

Question

У меня есть текстовое поле, в котором вы можете ввести сообщение. После ввода «@» сообщения должны быть разделены на пробелы. Поместив все слова в массив, я хотел бы найти массив для таких слов: @person1, @person2.

Но первая часть уже идет не так.

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

$("textarea.autocomplete-pt").keypress(function(e) { 
    if (e.which == 64) { 
     var string = $(".autocomplete-pt").text(), 
      array = string.split(/ +/); 
     console.log(array); 
    } 
}); 

Что я делаю неправильно?

Вот jsfiddle

Answer 1

Чтобы прочитать содержание input и textarea вы должны использовать val() вместо text(). Обратитесь к JQuery документации для получения более подробной информации, но код должен быть таким:

$("textarea.autocomplete-pt").keypress(function(e) { 
    if (e.which == 64) { 
     var string = $(".autocomplete-pt").val().trim(); 
     var array = string.split(/\s+/); 
     console.log(array); 
    } 
}); 

Как Tushar уже предложил в комментариях это также лучше использовать \s+ вместо  , чтобы соответствовать пространства, поскольку она также обрабатывает множественные пробелы и другие типы пространств (вкладки, короткие и длинные пробелы и т. д., это особенно полезно, если пользователи будут вставлять текст, скопированный с другой страницы, или у них есть символы двойной/одиночной ширины на японском языке).