javascript学习-事件

   因为JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的

JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。浏览器在接收到用户的鼠标或键盘输入后，会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数，该函数就会自动调用。

绑定事件

jQuery能够绑定的事件包括：

1. 鼠标事件

• click，鼠标单击触发
• dblclick，鼠标双击触发
• mouseenter，鼠标进入时触发
• mouseleave，鼠标移出时触发
• mousemove，鼠标在DOM内部移动时触发
• hover，鼠标进入和退出时触发

2. 键盘事件
   仅作用在当前焦点的DOM上，通常是<input>、<textarea>

• keydown，键盘按下时触发
• keyup，键盘松开时触发
• keypress，按一次键后触发

3. 其他事件

• focus，当DOM获得焦点时触发
• blur，当DOM失去焦点时触发

• change，当<input>、<select>、<textarea>的内容被改变时触发，用户输入触发change，但是如果用JavaScript代码去改动文本框的值，将不会触发change事件，当希望用代码触发change事件时，可以调用无参数的change()方法：

  
  image.png
• submit，当<form>提交时触发

• ready，当页面被载入并且DOM树完成初始化后触发，只触发一次，适合用来写其他的初始化代码
  我们自己的初始化代码必须放到 document 对象的 ready 事件中，保证
  DOM已完成初始化：

  
  image.png
  

  简化为：

  
  image.png
  再简化为，最为常见的写法：
  image.png

取消绑定

 通过off('click',function)实现：

image.png