关闭

jQuery事件之鼠标事件

标签: jquery鼠标移动java
1014人阅读 评论(38) 收藏 举报
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
   (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。
        $('p').click(function(){
                alert('click function is running !');
              });
    (2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用。
        $('p').dbclick(function(){
                alert('dbclick function is running !');
              });
    (3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发。
        $('p').mousedown(function(){
                alert('mousedown function is running !');
              });
    (4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发。
        $('p').mouseup(function(){
                alert('mouseup function is running !');
              }).click(function(){
                 alert('click function is running too !');
                 });
    (5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性。
    (6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。
   (5)和(6)这两个事件一般不常用,很难实现与用户的交互,也就是说不易捕获用户事件。
    (7):mouseenter事件:mouseenter事件是在用户光标进入元素上时触发。
         $('p').mouseenter(function(){
                alert('mouseenter function is running !');
              });
    (8):mouseleaver事件:mouseleaver事件是在用户的光标离开元素时触发。
           $('p').mouseleaver(function(){
                alert('mouseleaver function is running !');
             });
     (7)和(8)这两个事件一般连起来使用,在jQuery中可以使用hover这个函数来代替这两个函数。
       $('p').hover(function(){
                       alert('mouseenter function is running !');
                      },function(){
                              alert('mouseleaver function is running !');
                         });
1
0
查看评论
发表评论
* 以上用户言论只代表其个人钱柜娱乐开户,不代表CSDN网站的钱柜娱乐开户或立场

jQuery事件-鼠标事件

为了避免你同一份 css 在不同浏览器下表现不同,最好加上: *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-siz...
  • QQ80583600
  • QQ80583600
  • 2016-12-30 20:46
  • 1298

完美实现鼠标拖拽事件,解决各种小bug,基于jquery

鼠标拖拽事件是web中使用频率极高的事件,之前写过的代码包括网上的代码,总存在各种各样的问题,包括拖拽体验差,松开鼠标后拖拽效果仍存在以及代码冗余过大等 本次我才用jQuery实现一个尽可能高效的拖拽...
  • u013344815
  • u013344815
  • 2017-05-21 16:10
  • 4164

jQuery自定义元素右键点击事件

大多数情况下我们使用左键来进行页面交互,而右键大部分对于开发者来说是审查元素的,有的时候我们也要自定义鼠标右键点击行为来达到更好的交互性,常见的有漫画左键前进、右键后退。第一步我们要屏蔽浏览器默认的右...
  • u014291497
  • u014291497
  • 2016-08-21 15:45
  • 15258

jquery鼠标事件的小例子

  • 2012-02-09 22:32
  • 601KB
  • 下载

jQuery各种鼠标事件

  • 2014-01-14 16:36
  • 2KB
  • 下载

jquery鼠标事件

  • 2014-03-07 20:25
  • 3KB
  • 下载

jQuery里鼠标事件的一些简单实现

自己无聊时写的一些小例子,目的是为了印证一些小细节。。供以后查看【查看时去掉单个是注释就行】
  • weixian52034
  • weixian52034
  • 2016-07-28 21:03
  • 235

jQuery鼠标事件

1jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbc...
  • qq_18407565
  • qq_18407565
  • 2017-05-17 22:21
  • 168

jquery 给图片添加遮罩 响应鼠标事件出现提示

代码如下  转载至 某某特效网站 jQuery实现响应鼠标给图片加个遮罩层文字说明的动画效果丨芯晴网页特效丨CsrCode.Cn html, body, div,ul, li {  ...
  • mr_miaomiao
  • mr_miaomiao
  • 2013-07-24 16:30
  • 905

以申购单为实例,讲解Jquery动态删减行,新增行添加鼠标事件,子窗口与父窗口传值,自动计算金额,及输入值的验证,前台数据批量提交到后台action

最近在为公司做一个小型ERP,其中有一个申购模块,公司需求大概:新建申购单,新建时添加要申购的物料信息。输入每样物料的申购数量,预计价格,前台自动计算总价。 设计需求大概:申购单应可以动态增减物料信...
  • Wallbanger
  • Wallbanger
  • 2012-12-03 13:06
  • 3166
    个人资料
    • 访问:281478次
    • 积分:5585
    • 等级:
    • 排名:第5476名
    • 原创:64篇
    • 转载:3篇
    • 译文:0篇
    • 评论:1677条
    文章分类
    最新评论