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


今天用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>

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM