Event事件-2:mouseenter、mouseleave、mouseover、mouseout鼠标移入移出 / clientX鼠标位置 / pageX页面位置 / mousemove鼠标移动

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,555评论 1 11
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,523评论 0 4
  • 元素绝对位置 尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height() 获取元素width...
    宋远航_阅读 338评论 0 0
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,384评论 0 8
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,310评论 0 6