Как активировать функцию после нажатия клавиши?

Question

Im создание инструмента автозаполнения для моего сайта. Я хочу, чтобы искать для частичного совпадения (она работает только тогда, когда «*» является последним символом)

Так что у меня этот код:

<script type="text/javascript"> 
 

 
     $('.search-form').click(function() { 
 
      \t var self = this; 
 
      \t event.preventDefault ? event.preventDefault() : event.returnValue = false; 
 
      
 

 
      var searchfield = $('.input-block-level'); 
 
      searchfield.val(searchfield.val() + "*"); 
 
      
 
      \t self.submit(); 
 
     }); 
 

 
</script>

Что она делает это дает me "*" сразу после нажатия в поле поиска и отправки.

Мне нужна функция, которая помещает звездочки в качестве последнего символа сразу после нажатия (поэтому, когда пользователь начинает вводить символ «*», является последним символом) и ждет, когда человек нажмет кнопку «Отправить» (или нет).

Любые идеи кто-нибудь?

Пожалуйста, помогите

Answer 1

я предполагаю .search-форму, которая в настоящее время щелкнули является вся форма? Поэтому, когда вы нажимаете в поле поиска для ввода, выполняется вся функция обратного вызова для объекта click, включающая self.submit().

Думаю, вам нужно разделить две функции на свои собственные обработчики событий. Searchfield.val (searchfield.val() + "*"); должен запускаться, когда кто-то нажимает на $ ('. input-block-level') ;, и функция отправки должна быть прикреплена к самой кнопке отправки.

Answer 2

Что вы ищете, если я правильно понял, является дополнительным слушателем событий для события keypress или keyup. Но вы должны заменять asteriks каждый раз, когда происходит пожар. Попробуйте следующее:

$('.input-block-level').keypress(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    if(/[a-z]/ig.test(e.key)) { 
     $(this).val($(this).val().replace(/\*$/g,'') + e.key + '*'); 
    } 
});