表单事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
        </style>
    </head>
    <body>
        <form action="http：//www.baidu.com" method="">
            <input type="text" id="uname" value="请输入账号"/>
            <input type="submit" value="提交按钮" />
            <input type="reset" value="重置" />
        </form>
    </body>
    <script type="text/javascript">
        var form =document.querySelector('form');
        var unameInput = document.querySelector("#uname");
        //输入框的焦点事件
        unameInput.onfocus = function () {
            console.log("点击了输入框");
            this.value="";
        }
        //表单被重置的时候执行的事件
        form.onreset = function () {
            console.log("被重置了吧");
        }
        
        form.onsubmit = function (ev) {
            //获取表单事件对象
            var e=ev|| event;
            alert("点击了提交按钮");
            //默认事件
            //浏览器里面右键默认事件-展示菜单
            
            //阻止默认 事件。
//          return false;
            //阻止默认事件的另一种方式 不兼容IE6-8
            e.preventDefault();
        }
        window.onresize = function () {
            console.log("ssda");
        }
    </script>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容