jQuery - 如何在重新加载存储的输入值后调用函数?

时间:2015-08-08 12:08:19

标签: javascript jquery html html5 dom

得到这个字段:

<input id="foo" />

我在页面加载后立即调用此函数:

function alert_value() {
    input_value = $("#foo").val();
    alert (input_value);
}

在某些情况下,浏览器会在页面刷新时存储和显示用户输入的值,在我的情况下,这是一个有价值的功能。

问题是,页面加载与加载存储的输入值之间存在差距。由于我在此间隙期间调用该函数,因此它错过了输入字段值。

我在做

时得到了正确的结果
setTimeout(alert_value, 1000);

但我宁愿在重新加载值后立即调用该函数。

如何捕获存储的输入字段值加载的时刻?

2 个答案:

答案 0 :(得分:0)

jQuery需要知道你想要数据的对象。该对象具有ID,即“foo”。在您的jQuery中,您需要解决该ID。 所以基本上改变#id为#foo:

$(function(){
    /* Load this content after the page is loaded */
    function alert_value() {
        input_value = $( '#foo' ).val();
        alert (input_value);
    }
})

答案 1 :(得分:0)

根据我对您的问题的理解,您希望在页面完全重新加载后立即调用该函数。我认为这应该可以正常工作。

$(window).bind("load", function() {
    input_value = $("#foo").val();
    alert (input_value);
});

我希望这就是你要找的东西。