關於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