常见的事件

一.常用的事件
onload 加载完成事件: 页面加载完成之后,常用于做页面js代码初始化操作

onclick 单击事件: 常用于按钮的点击相应操作

onblur 失去焦点事件: 常用于输入框失去焦点后验证其输入内容是否合法

onmouseout:鼠标离开

onmouseover:鼠标移动到某个元素上面

onkeydown:键盘的按键事件

onchange 内容发送改变事件 常用于下拉列表和输入框内日那个发生改变之后的操作

onsubmit 表单提交事件 常用于表单提交前，验证所有表单是否合法

二.事件注册(绑定)
（1）什么是注册

静态事件注册:
通过html标签的事件属性直接赋予事件响应后的代码,这种方式叫静态注册

动态事件注册:

通过js的代码得到标签的dom对象,然后 再通过dom对象,事件名= function(){}这种形式赋予事件叫 动态注册
动态注册基本步骤：
1.获取标签对象
2.标签对象.事件名= function(){}

（2）onload加载完成事件
//静态注册
onload事件是浏览器解析完页面之后就会自动触发的事件
例:

//动态写法
onload事件动态注册 是固定写法
window.onload = function(){}

(3)onclick事件
//静态注册oncli 事件

//动态注册onclick事件

window.onload =function(){
//1。获取标签对象
document.getElementById("");

//2.通过标签对象.事件名=function(){
}
}

(4)onblur(失去焦点)事件
//静态注册onblur事件

//动态注册onblur
window.onload = function(){
document.getElementById("")

标签对象.事件名= function(){}
}

(5)onchange（内容改变事件）
//静态注册onchange事件

//动态注册onblur
window.onload = function(){
document.getElementById("")

标签对象.事件名= function(){}
}

(6)onsubmit(表单提交事件)
//静态注册onsubmit

test1(){
//如果不合法返回false
return false;
}

//动态注册onsubmit
window.onload = function (){
var subobj = document.getElementById(“sub1”);
subobj.onsubmit = function (){
console.log(“动态onsubmit”);

   //如果想要阻止提交要return false;
         return false;
    }


}