一.文本事件是对文本进行编辑
文本事件有:
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>