按键事件不起作用

Question

我正在使用此代码，但按键事件不起作用

 <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">Go&lt;/a>
 <input type="hidden" id="providerurl" />
</div>

Answer 1

这里的工作示例：
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);
    });
});

Answer 2

放入一个

`alert("foo");`

在函数中 ，看看是否会收到一个消息框。如果您没有得到，则 ID 为 txt_tempusername 的元素不存在。