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;">’)
})
效果: