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的元素不存在。

Keypress活动无效

2 个答案: