前端提高篇(九十四)：jQuery鼠标事件

mouseenter / mouseleave / mouseover / mouseout / mousedown / mousemove / mouseup**

另附：

1.jQuery可以对一组标签绑定事件，js需要一个个循环遍历再绑定;

2.jQuery绑定了事件，用一个函数处理这个事件，函数中的this指的是触发事件的那个原生元素；如果要使用jQuery封装的函数，需要转成jQuery对象：$(this)

正文：

1.dblclick()：鼠标双击

demo：双击显示小心心

img {

width: 30px;

height: 30px;

position: absolute;

margin-left: -15px;

margin-top: -15px;

}/为了让点击的位置是图片的中心，提前写了margin，在添加时再根据鼠标位置定位top和left/

双击显示小心心

$(document).dblclick(function(e){

$(‘body’).append(‘<img src=“./img/1.png” alt=“” style="left:’ +

e.pageX + ‘px;’ + ‘top:’ + e.pageY + ‘px;">’)

})

效果：

2.event.which与contextmenu()