zoukankan      html  css  js  c++  java
  • mouse的各种事件

    IE测试对象为IE9,不全

    mousemove(元素内部移动)

    鼠标在元素内部移动时触发,只要鼠标移动,即使只是又移动了一个像素,也会触发,这就意味着短时间内会触发多次事件

    支持情况: js onmousemove 均支持;jQuery mousemove IE不支持

    mouseover(元素上方)

    鼠标在元素内部上方时触发,不同于mousemove,在上方移动的时间内只触发一次

    支持情况: js onmouseover 均支持;jQuery mouseover IE不支持

    mouseenter(进入元素) 原本是为IE设计

    鼠标进入元素时触发,触发一次

    支持情况:js onmouseenter safari不支持;jQuery mouseenter IE不支持

    mouseout(离开元素)

    鼠标离开元素时触发,触发一次

    支持情况: js onmouseout 均支持;jQuery mouseout IE不支持

    mouseleave(离开元素)原本为IE设计

    鼠标离开元素时触发,触发一次

    支持情况: js onmouseleave safari不支持;jQuery mouseleave IE不支持

    mousedown (按下鼠标键)

    支持情况:均支持

    mouseup (鼠标键松开)

    支持情况:均支持

    click (鼠标键松开后)

    支持情况:均支持

    按下鼠标,执行顺序为onmousedown,onmouseup,onclick

    mousewheel (滚动鼠标滚轮)

    支持情况:firefox不支持,得用DOMMouseScroll

    最佳使用方案:

    进入元素 onmouseover

    元素内部移动 onmousemove

    离开元素 onmouseout

  • 相关阅读:
    010 排序: 冒泡 选择
    洛谷 P1540 机器翻译
    洛谷 P1011 车站
    周期串
    2019.03.29 大数据图解
    2019.03.29 算法解读
    2019.03.28 博客反省
    2019.03.27 常用的模块
    2019.03.25 git
    2019.03.25 Ajax三级联动
  • 原文地址:https://www.cnblogs.com/yanze/p/5973068.html
Copyright © 2011-2022 走看看