关于form下提交和重置input按钮默认事件问题

Posted 2020-08-27 nightfallsad

今天用js清空input值的时候死活不行，搞了半天终于可以了。。原因是因为默认事件。。

html代码

    <form>
        <input id="input" type="txt" value="查询">
        <input id="submit" type="submit" value="提交">
        <input id="reset" type="reset" value="重置">
    </form>

因为在form里的submit和reset按钮，点击后有默认事件，取消默认事件js清空value才会生效。。

    <script>
        var input = document.getElementById("input");
        var submit = document.getElementById("submit");
        var reset = document.getElementById("reset");
        submit.onclick = function(e){
            e.preventDefault();
            input.value = "";
        }
        reset.onclick = function(e){
            e.preventDefault();
            input.value = "";
        }
    </script>

晕。这个问题居然费了半天才搞定