Блог

Я использую этот код, но событие нажатия клавиши не работает

  <script type="text/javascript">
    $(document).ready(function() {
        $('#txt_tempusername').keypress(function() {

            var href = $('#providerurl').val();
            href = href.toString().replace("{username}", $('#txt_tempusername').val());
            $('#btn_idgo').attr('href', href);

        });
    });

</script>
  

и это мой HTML

 <div class="Input_Div">
 <input type="text" id="txt_tempusername" />
 <a class='example1demo' id="btn_idgo">Goamp;</a>
 <input type="hidden" id="providerurl" />
</div>
  

Рабочий пример здесь:
http://jsfiddle.net/ezmilhouse/6zfw8/2 /

Думаю, события работали нормально, но ваша обработка ‘href’ не сработала, потому что значение скрытых полей не было определено.

Исправил ваш код так, как, я думаю, вы хотели, чтобы он работал:

ваш html:

 <div class="Input_Div">
    <input type="text" id="txt_tempusername" />
    <a class='example1demo' id="btn_idgo">Go!</a>
    <input type="hidden" id="providerurl" value="http://provider-url-{username}.html" />
</div>
  

ваш js:

 $(document).ready(function() {
    $('#txt_tempusername').keyup(function() {
        var href = $('#providerurl').val().replace("{username}", $(this).val());
        $('#btn_idgo').attr('href', href);
    });
});
  

Поместите

 `alert("foo");`
  

войдите в функцию и посмотрите, появится ли окно сообщения. Если вы его не получите, элемент с идентификатором txt_tempusername не существует.