onmouseenter与onmouseleave事件

最新推荐文章于 2023-06-21 16:46:03 发布

supershuyun

最新推荐文章于 2023-06-21 16:46:03 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js onmouseenter onmouseleave

本文链接：https://blog.youkuaiyun.com/supershuyun/article/details/87186447

js 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了onmouseenter和onmouseleave两个鼠标事件的使用方法，通过实例展示了如何利用这两个事件实现元素的显示和隐藏，如展示二维码等功能。文章包含具体的HTML和JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onmouseenter 事件在鼠标指针移动到元素上时触发。

onmouseenter 事件在鼠标指针离开元素上时触发。

常用于显示二维码等功能

应用：

<button class="u-btn-sq" onmouseenter="j_OutBox_on('j-bubOpenBox')" onmouseleave="j_close_off('j-bubOpenBox')" type="button">
    <img class="u-ico" src="../../static/portal/images/style/icon_qu.png"/>
</button>

//移动到元素
function j_OutBox_on(im) {
        var obj = "." + im;
        if ($(obj).is(":hidden")) {
            $(obj).show();
        } else {
            $(obj).hide();
        }
    }
//远离
 function j_close_off (it) {
    var obj = "." + it;
    $(obj).hide();
    
    }