JavaWeb学习笔记4 JavaScript8 事件（重点）

什么是事件？

事件是电脑输入设备与页面进行交互的响应。

常用事件：

• onload 加载完成事件：页面加载完成之后，常用于做页面js代码初始化操作。
• onclick 单击事件：常用于按钮的点击响应操作。
• onblur 失去焦点事件：常用于输入框失去焦点后验证其输入内容是否合法
• onchange 内容发生改变事件：常用于下拉列表和输入框内容发生改变后操作
• onsubmit 表单提交事件：常用于表单提交前，验证所有表单项是否合法

事件的注册

• 事件的注册又分为静态注册和动态注册两种：
  • 事件的注册：是告诉浏览器，当事件响应后要执行那些操作代码，叫事件 注册或事件绑定。
  • 静态注册事件：通过html标签的事件属性直接赋予事件响应后的代码，这种方法叫做静态注册。
  • 动态注册事件：是指先通过js代码得到标签的dom对象，然后再通过dom对象.事件名= function（）{}这种形式赋予事件响应后的代码，叫做动态注册。

动态注册的基本步骤：

• 获取标签对象
• 标签对象.事件名 = function（）{}

onload事件

一般在< script >标签里写好onload事件的方法，然后在< body >标签写一句调用就可以了

• 静态注册：
  运行后：
  
• 动态注册
  
  

onclick事件

• 静态注册
  
  
  点击按钮1后：
  

onblur事件

• 动态注册
  
  点击按钮2后：
  

运行后在控制台查看信息：

光标从用户名 输入框中离开时，输出信息

• 动态注册
  
  光标从密码 输入框中离开时，输出信息
  

onchange事件

• 静态注册

只要选择与上一个选择不同就会有提示信息，选择相同则不会有：

• 动态注册
  

蔬菜栏选择后弹出信息

onsubmit

• 静态注册
  
  
  点击按钮后出现提示并跳转百度
  
  
  
  点击后出现提示且不跳转百度
  
• 动态注册
  
  

点击动态注册后

弹出信息且不跳转百度