Question

<input type="reset"/>已经重置表单元素之后，如何立即执行操作？

Answer 1

尝试：

<input type="reset" onclick="return resetForm();"/>

function resetForm(){
    setTimeout(function(){
        // do whatever
    }, 50);
    return true;
}

Answer 2

表单包含您可以监听的reset事件。

<script>
function resetHandler() {
    // code
}
</script>
<form ... onreset="resetHandler();">
</form>

当然，以这种方式添加javascript处理程序是不好的做法，所以你想要使用.addEventListener/.attachEvent或jQuery.bind()，但是你明白了。

Answer 3

编写要在此函数中间调用的代码/事件。我测试了这个。工作得很好。

$(document).ready(function() {
    $("input:reset").click(function() {       // apply to reset button's click event
        this.form.reset();                    // reset the form

        // call your functions to be executed after the reset      

         return false;                         // prevent reset button from resetting again
    });
});

Answer 4

你总是可以使用jQuery，或者使用表单重置事件本身做一些技巧。

重置按钮处理单击后执行Javascript操作

4 个答案: