Добавить hashtag (#) в начало каждого слова в форме HTML 5

Question

У меня есть форма на странице моего HTML-документа, и мне было интересно, есть ли способ в javascript или jquery, чтобы добавить hashtag (#), в начале каждого слова (там может быть больше, чем вошел одно слово)

Answer 1

Вы можете добиться этого с KeyUp событие Listener и некоторые замены и IndexOf:

<input id="test"> 

<script> 
var a = document.getElementById('test'); 
a.addEventListener('keyup',addthis); 

function addthis() { 
    b = a.value.replace('#',''); 
    a.value = '#'+b 

    if (a.value.indexOf(' ')) 
    { 
    a.value = a.value.replace(' ','#'); 
    } 

} 
</script> 

DEMO

Answer 2

Это делает то, что вы хотите и перемещает курсор в конец поля для загрузки.

Обновление: Использовано keydown insteead, чтобы отфильтровать несколько мест.

function addHash(event) { 
    if (event.keyCode === 32 && event.target.value.length) { 
     event.preventDefault(); 

     var elem = event.target, 
     val = elem.value; 

     if (val.slice(-1) !== '#') { 
      elem.value += ' #'; 
     } 
    } else if (!event.target.value.length) { 
     if (event.keyCode === 32) { 
      event.preventDefault(); 
     } 
     event.target.value = '#'; 
    } 
} 

Я проверил скрипку бао, чтобы проверить.

DEMO

Answer 3

вы можете добиться этого с помощью JQuery OnChange eventlistner.

сценарий ниже получает значение входного поля и разбивает каждое слово на пробел "", что делает его массивом. затем он петляет через массив слов, и если слово не имеет «#» в начале слова, оно добавляет его. то он заменяет старое значение из поля ввода новым.

$('#input').on('change', function(e){ 
    var input_string = $(this).val(); 
    var words = input_string.split(" "); 
    var output = ""; 
    console.log(words); 
    $.each(words , function(i, word){ 
     console.log(word); 
     if(word.substr(0, 1) == "#") 
     {    
      output += word + " ";   
     } 
     else 
     { 
      output += "#" + word + " ";  
     } 
     console.log(output); 
    }); 

    $(this).val(output); 
}); 

http://jsfiddle.net/dgs9kapc/6/