keyup事件：

当用户在一个元素上第一次松手键盘上的键的时候，就会触发它。使用方法与keydown是一致的只是触发的条件是方法的

注意：

• keydown是在键盘按下就会触发

• keyup是在键盘松手就会触发

• 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。

select事件只能用于<input>元素与<textarea>元素

select()方法同样有三种使用方法，一种是直接使用，一种是通过触发回调函数执行操作，第三种是通过回调函数进行操作但是可以接受一个参数。

当元素失去焦点时触发blur()事件，与focus(in,out)等方法相同，只是在是否支持冒泡上面有本质上的区别

hover()方式等同于mouseenter()方式 + mouseleave()方式

$(selector).hover(handlerIn, handlerOut)

• handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数

• handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数

mouseleave()方式与mouseout()方式对应  为鼠标移出

作用同样是可以减少不必要的触发事件

mouseover()方法触发方式为当触发p元素响应时div元素同时响应，

1. mouseenter()方法触发方式为当触发p元素响应时div元素不响应，只是p元素单独响应，当鼠标从外部移动到div或移动出div元素时外部触发响应，当触发p元素响应时只是触发p元素，比mouseover()方法的触发次数少

mouseover()方法移入，mouseout()方法移除

mousedown()方法点击  mouseup()方法松开

mousemove()鼠标移动

mousemove事件触发需要以下几点：

• mousemove事件是当鼠标指针移动时触发的，即使是一个像素

• 如果处理器做任何重大的处理，或者如果该事件存在多个处理函数，这可能造成浏览器的严重的性能问题

mousedown事件触发需要以下几点：

• mousedown强调是按下触发

• 如果在一个元素按住了鼠标不放，并且拖动鼠标离开这个元素，并释放鼠标键，这仍然是算作mousedown事件

• 任何鼠标按钮被按下时都能触发mousedown事件

• 用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3

mouseup事件触发需要以下几点：

• mouseup强调是松手触发，与mousedown是相反的

• mouseup与mousedown组合起来就是click事件

• 如果用户在一个元素上按下鼠标按键，并且拖动鼠标离开这个元素，然后释放鼠标键，这仍然是算作mouseup事件

• 任何鼠标按钮松手时都能触发mouseup事件

• 用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3

click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。

 $("ele").click()  //手动指定触发事件

$("#test").click(function() {
    //this指向 div元素
});

• click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发

value值是在keydown事件之后和在keyup事件之前才传递过去的 所以在第一个框里输入第一次字符是不显示的而在第二个框里是显示的

keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本

看不懂

在之前2.8与2.9节我们学过了表单处理事件focusin事件与focusout事件，同样用于处理表单焦点的事件还有blur与focus事件

它们之间的本质区别:

是否支持冒泡处理

举个简单的例子

<div>
  <input type="text" />
</div>

其中input元素可以触发focus()事件

div是input的父元素，当它包含的元素input触发了focus事件时，它就产生了focusin()事件。

focus()在元素本身产生，focusin()在元素包含的元素中产生

blur与focusout也亦是如此

具体参考下案例，给出来的区别

jquery 的hover也会出现冒泡事件

如果在p元素与div元素都绑定mouseover事件，鼠标在离开p元素，但是没有离开div元素的时候，触发的结果:

1. p元素响应事件

2. div元素响应事件

这里的问题是div为什么会被触发？ 原因就是事件冒泡的问题，p元素触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发

所以在这种情况下面，jQuery推荐我们使用 mouseenter事件

mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发

  //多事件绑定一

        $("ul").on('click',function(e){

           alert('触发的元素是内容是: ' + e.target.tagName)

        })

e.target.tagName 点击哪个li就是哪个li,点击ul就是ul.

this  因为js是会冒泡的，所以点击li的时候，this会变成ul.