zoukankan      html  css  js  c++  java
  • mousedown、mouseup、click事件之间的关系及执行顺序

     

    三个事件的触发时机

    mousedown

    当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。
    与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。

    mouseup

    当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。
    与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。

    click

    当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。
    注意:触发click事件的条件是按下并松开鼠标左键!,按下并松开鼠标右键并不会触发click事件。

    三个事件的触发顺序

    • 若在同一个元素上按下并松开鼠标左键,会依次触发mousedownmouseupclick,前一个事件执行完毕才会执行下一个事件
    • 若在同一个元素上按下并松开鼠标右键,会依次触发mousedownmouseup,前一个事件执行完毕才会执行下一个事件,不会触发click事件
  • 相关阅读:
    nodejs
    flask中flash(闪现)的使用
    flask中logger日志的使用
    flask中session的使用
    flask开启调试模式
    flask中静态文件的引入
    flask中模板引入
    python web开发屠龙刀flask
    python操作excel基础1-环境搭建
    php算法-dijkstra
  • 原文地址:https://www.cnblogs.com/wangsai-666/p/11944523.html
Copyright © 2011-2022 走看看