首页 前端知识 前端提高篇(九十四):jQuery鼠标事件,爆推

前端提高篇(九十四):jQuery鼠标事件,爆推

2024-06-09 09:06:43 前端知识 前端哥 290 916 我要收藏

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;">’)

})

效果:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11653.html
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!