欢迎光临文鱼的个人博客站!

文鱼个人网站-文鱼个人博客

文鱼个人博客网站

关注前端技术

首页>> jQuery>> jQuery鼠标事件汇总

发布时间:2017-07-19 17:46:05  点击:  222  作者:文鱼

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。

1、click事件:点击鼠标左键时触发

    $('p').click(function());

2、dbclick事件:迅速连续的两次点击时触发

 $('p').dbclick(function());

3、mousedown事件:按下鼠标时触发

    $('p').mousedown(function());

4、mouseup事件:松开鼠标时触发

    $('p').mouseup(function());

5、mouseover事件:鼠标从一个元素移入另一个元素时触发

  mouseout事件:鼠标移出元素时触发

        $('p').mouseover(function());

  $('p').mouseout(function());

6、mouseenter事件:鼠标移入元素时触发

     mouseleave事件:鼠标移出元素时触发

  $('p').mouseenter(function());

  $('p').mouseleave(function());


7、hover事件

  $('p').hover(
    function(),
    function()
  );

8、toggle事件:鼠标点击切换事件

  $('p').toggle(
    function(),
    function()
  );





10

最近访客

    热评文章

      Title - Artist
      0:00