15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 CSS

鼠标事件:mouseleave和mouseenter

王永康| 发布于 2021-07-15 23:43:48| 616阅读| 0点赞| 0评论
举报

虽然有了mouseover和mouseout,但是相比较我感觉这个更加严谨

概述

mouseenter([[data],fn]

当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。

与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。

参数

fnFunction

在每一个匹配元素的mouseenter事件中绑定的处理函数。

[data],fnString,Function

data:mouseenter([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的mouseenter事件中绑定的处理函数。


mpuseleave([[date],fn])

当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。

与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。

参数

fnFunction

在每一个匹配元素的mouseleave事件中绑定的处理函数。

[data],fnString,Function

data:mouseleave([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的mouseleave事件中绑定的处理函数。

示例:

    描述:

当鼠标指针进入(穿过)元素时,改变元素的背景色:

jQuery代码:

$("p").mouseenter(function(){

  $("p").css("background-color","yellow");

});

未作任何

当鼠标移上去时:

当鼠标移走时:


0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王永康
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部