兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

jQuery事件之鼠标事件,属性说明

[复制链接]
tuyuanma 发表于 2016-9-5 09:06:48 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
: R  q  Z+ G" J   (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。3 b/ ?" r5 I& q, ^9 [2 y! n
        $('p').click(function(){& `  I* T: l4 R/ N  ]* S9 g9 l3 O$ r
                alert('click function is running !');  ]; t, z9 p) ?2 L# V
              });
0 V6 Z; O; U2 h* [    (2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用。* F' E" q6 L' G/ L2 \: \
        $('p').dbclick(function(){
7 J0 f) ?: A8 D! K4 Q3 }                alert('dbclick function is running !');3 s  L' x# z2 G& w* [; O
              });
: u" ?9 b! i* v- Y    (3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发。
# x0 d. t0 {4 u2 p. v        $('p').mousedown(function(){  @$ L* H6 _1 r! C2 @
                alert('mousedown function is running !');
3 c' `' h: P  z& T6 s, O4 m              });4 q. P% F  k+ j  }+ Z0 }. C. S2 r
    (4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发。% I) T7 A6 Y2 X' ?
        $('p').mouseup(function(){
$ w, q* k0 ]) v# v4 c                alert('mouseup function is running !');
+ d" a* z- O' l' N+ ~5 |1 K              }).click(function(){
5 \. M& v0 q6 Y% r: l( d! d  m                 alert('click function is running too !');
! \: p: w: S- e5 u$ N& w                 });
& h8 I1 L; G. y, u    (5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性。# @" k. z- W+ X0 M4 e1 q6 ?
    (6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。
9 i# r) r$ R( J. O   (5)和(6)这两个事件一般不常用,很难实现与用户的交互,也就是说不易捕获用户事件。& p- d# t, M* ~* s7 _  C; t
    (7):mouseenter事件:mouseenter事件是在用户光标进入元素上时触发。
( S: i& U! H1 G         $('p').mouseenter(function(){
  S( h2 u1 i" }' F, j. }                alert('mouseenter function is running !');
+ v5 ~! b, R! h) X              });
' f9 P: e: S. i7 R3 H    (8):mouseleaver事件:mouseleaver事件是在用户的光标离开元素时触发。" F6 _2 X  d  @$ D& |
           $('p').mouseleaver(function(){
' u( F3 v. q9 R, {( _                alert('mouseleaver function is running !');
, J( T. A3 X$ Q3 M             });4 N( S' \1 F; k8 Z( u4 C
    (7)和(8)这两个事件一般连起来使用,在jQuery中可以使用hover这个函数来代替这两个函数。
- s9 u0 k9 @" r2 i2 Z       $('p').hover(function(){: {4 o2 U5 u- ?# ?2 O; l" e
                       alert('mouseenter function is running !');6 Z8 z  E0 W" U4 }& t
                      },function(){
) X$ H( F$ T5 Y1 _$ N- u/ z- T                              alert('mouseleaver function is running !');  X% K( D4 t0 S2 Q7 m! j; c8 y& F
                         });' \6 B. e  P3 U; ~8 N- [

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-9-17 16:32
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表