美文网首页
Event事件-2:mouseenter、mouseleave、

Event事件-2:mouseenter、mouseleave、

作者: kino2046 | 来源:发表于2019-10-26 17:15 被阅读0次

mouseenter、mouseleave 鼠标移入移出

        标移入或者移出,不受 子级元素范围干扰

mouseover、mouseout 鼠标移入移出

        如果鼠标移入或者移出 子元素 范围,mouseover 和 mouseout  会触发


clientX、clientY 鼠标位置

        获取鼠标点击的位置(相对于显示区域可视区的位置)

                e.clientX  X轴

                e.clientY  Y轴

pageX、pageY 页面位置

        获取鼠标点击的位置(相对于页面左上角位置)

                e.pageX X轴

                e.pageY Y轴


鼠标跟随案例


contextmenu 鼠标右键

自定义一个右键菜单(另一种案例里找)

on添加事件方法下另一种阻止默认行为  return false


相关文章

  • Event事件-2:mouseenter、mouseleave、

    mouseenter、mouseleave 鼠标移入移出 标移入或者移出,不受子级元素范围干扰 mouseover...

  • mouseenter、mouseleave和mouseover、

    1、mouseover、mouseout比mouseenter、mouseleave触发快;2、mouseover...

  • 2018-08-28

    stop() 不会记录移入移出的次数 mouseenter / mouseleave 移入移出取消事件冒泡 blu...

  • 鼠标事件及实现拖拽效果

    鼠标事件 与鼠标相关的事件如图所示,除了'mouseenter'和'mouseleave'外的所有鼠标事件都能冒泡...

  • CSS3学习之3D

    小案例 判断鼠标进入容器方向$("div").on("mouseenter mouseleave",functio...

  • mouseenter 与 mouseover的区别

    mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移...

  • 鼠标事件

    mouseover mouseout mouseleave mouseenter两组动作配套使用。当使用mouse...

  • mouseenter和mouseleave的区别

    当给一个容器设置mouseenter事件的时候,鼠标在经过被选元素的时候,才会触发mouseenter事件。鼠标在...

  • jquery

    mouseleave和mouseenter区别 关键点:冒泡的方式处理问题 例: 如果p元素和div元素都绑定了m...

  • mouseout、mouseover和mouseleave、mo

    mouseenter:当鼠标移入某元素时触发。鼠标只要在元素内就不再触发。mouseleave:当鼠标移出某元素时...

网友评论

      本文标题:Event事件-2:mouseenter、mouseleave、

      本文链接:https://www.haomeiwen.com/subject/hfhuvctx.html