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

  • 相关阅读:
    Discuz! X3 全新安装图文教程
    https://blog.csdn.net/doegoo/article/details/50749817
    docker 网络
    Docker的网络类型和固定IP设置
    docker lamp
    MongoDB分片搭建
    iptables原理及使用教程
    VNC服务安装、配置与使用
    ssh免密码登陆
    nmap
  • 原文地址:https://www.cnblogs.com/yanze/p/5973068.html
Copyright © 2011-2022 走看看