mouseover与mouseenter的区别

关键点在于：冒泡的方式处理问题；

某元素触发了mouseover，他会一直往上找该元素的父元素的mouseover事件，如果父元素由mouseover事件就会呗触发，所以对于这一种情况，jQuery推荐使用mouseenter事件。

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

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

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

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

鼠标事件：mousedown事件与mouseup事件

用户交互操作中，最简单直接的操作就是点击操作。

mousedown快捷方法可以监听用户鼠标按下的操作；

mouseup快捷方法可以监听用户鼠标弹起的操作。

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

测试二是先选中p标签，然后设置一个点击事件，调用函数，该函数的功能是弹出一个窗口显示文本节点的内容，再然后选中第二个button按钮，也设置一个点击事件，点击该按钮会调用上面的函数。

测试三是先设置一个函数data（），该函数的功能是弹出一个窗口显示e的值，然后在设置一个函数a()，该函数先选中第三个button，然后绑定一个点击事件，点击之后将1111传递给data函数的e，然后a（）表示调用该函数

click事件与dbclick事件

click方法用于监听用户单击操作，

dbclick方法用于监听用户双击操作

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

click事件其实是由mousedown和mouseup两个动作构成，所以点击动作只有在松手之后才触发。

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

此事件是由两个click叠加而成，事件被触发需要满足：

1、鼠标指针在元素里面时被点击

2、鼠标指针在元素里面时释放

3、鼠标指针在元素里面时再次点击，点击间隔时间是由系统而定的。

4、鼠标指针在元素里面时再次释放

trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素

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

event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素

blur不会冒泡，focus会冒泡

textContent文本内容

event.type：获取事件的类型

触发元素的事件类型

$("a").click(function(event) {
  alert(event.type); // "click"事件
});

event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标

通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化

event.preventDefault() 方法：阻止默认行为

这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了

event.stopPropagation() 方法：阻止事件冒泡

事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数

event.which：获取在鼠标单击时，单击的是鼠标的哪个键

event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3

event.currentTarget : 在事件冒泡过程中的当前DOM元素

冒泡前的当前触发事件的DOM对象, 等同于this.

this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

.this和event.target都是dom对象

如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；

on()方法绑定事件处理程序

off()方法移除该绑定程序

$("elem").on("mousedown mouseup",fn)

删除一个事件

$("elem").off("mousedown")

删除所有事件

$("elem").off("mousedown mouseup")

快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁

$("elem").off()

<div class="left">
    <p class="aaron">
        <a>目标节点</a> //点击在这个元素上
    </p>
</div>

给出如下代码：

$("div").on("click","p",fn)

事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数

多个事件绑定同一个函数

 $("#elem").on("mouseover mouseout",function(){ });

通过空格分离，传递不同的事件名，可以同时绑定多个事件

多个事件绑定不同函数

$("#elem").on({
    mouseover:function(){},  
    mouseout:function(){}
});

通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法

keydown()方法和keyup()方法为监听键盘事件，与鼠标事件相对应