码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-12 19:50:47      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:for   color   reset   default   put   form   cti   input   onclick   

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

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

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

标签:for   color   reset   default   put   form   cti   input   onclick   

原文地址:http://www.cnblogs.com/nightfallsad/p/6279522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!