常见的事件

一.常用的事件 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; } }