HTML事件

一.文本事件是对文本进行编辑

 文本事件有：

1.select（文本被选中）；

2.change（文本内容发生变化）；

3.focus（捕获光标）；

<script>
    var input = document.getElementById("input");
    input.onselect = function(){
        var value = input.value;
        alert(value)
    };
    input.onchange = function(){
        alert("内容发生变化")
    };
    input.onfocus = function(){
       console.log("获取光标")
    };

</script>

实现效果：

二.表单验证：

1.submit（提交按钮）；

2.resert（重置按钮）；

form.onsubmit = function(){
            var name = document.getElementsByName("name")[0].value;
            var pwd = document.getElementsByName("pwd")[0].value;
            if(name == ""||pwd <= pwd.length){
        if(name == ""){
            alert("账号不能为空")
        }else if(pwd.length <= 6){
            alert("密码长度不够")
        }
        return false;
    }
};
form.onreset = function(){
    var name = document.getElementsByName("name")[0].value;
    var pwd = document.getElementsByName("pwd")[0].value;
    form.onreset = function(){
        if(name != "" && pwd.length <= 6){
            return false;
    }
}

三.窗口事件

1.resize（窗口大小变化）；

2.scroll（滚动条变化）；

<script>
    window.onresize = function(){
        console.log("窗口变化!")
    };
    window.onscroll = function(){
        console.log("滚动条变化！")
    }
</script>