JS事件（）

JS-事件
事件
js中注册监听的方式：
js中事件的种类：
JS事件对象 event中的属性和功能
事件
概念：

事件：一件事
事件源：事件发生的组件
监听器：一个对象，当事件源上发生了事件，就执行对象中的某些方法
注册监听：将监听器绑定到事件源上，监听事件的发生
js中注册监听的方式：
在定义标签时，添加 事件名称属性。属性值是js代码
js代码会被自动封装到一个function函数的方法体中

• 通过js获取元素对象，再添加事件

• 通过 addEventListener() 方法 来添加事件

  语法：document.getElementById(“myBtn”).addEventListener(“click”,事件处理函数);
  //移除事件
  值1：事件名
  值2：事件处理函数
  document.getElementById(“myBtn”).removeEventListener(‘click’,show);

  js中事件的种类：

  焦点事件：针对表单

• onfocus 元素获得焦点
• onblur 元素失去焦点

  点击事件：

  onclick 当用户点击某个对象时调用的事件句柄

  ondblclick 当用户双击某个对象时调用的事件句柄
  键盘事件：

  onkeydown 某个键盘按键被按下

  onkeyup 某个键盘按键被松开

  onkeypress 某个键盘按键被按下并松开。
  通过事件对象event中的keyCode属性，可以获取键盘某个键的键码 其实就是ASCII码表中对按键的编码

  鼠标事件：

  onmousedown 鼠标按钮被按下
  onmouseup 鼠标按键被松开
  onmouseover 鼠标移到某元素之上
  onmouseout 鼠标从某元素移开
  onmousemove 鼠标被移动
  鼠标按下时，通过事件对象 event中的属性 button 或 which 可以获取鼠标按键的编号
  e.button 事件对象中的 button属性可以获取鼠标按键的编号
  e.which 也可以获取鼠标的按键编号 0 左键 1滚轮 2右键

  表单事件：

  onsubmit 确认按钮被点击

  onreset 重置按钮被点击

  oninput 事件 当你往表单中输入内容时就触发
  加载与卸载事件：

  onload 一张页面或一幅图像完成加载

  onunload 用户退出页面。 其他浏览器不支持 IE支持（浏览器现在都不支持）