jquery鼠标事件

12/6/2015来源:Javascript教程人气:435

click()
  为点击事件绑定一个事件处理函数,或者触发元素点击事件。
  .click( handler(eventObject) )
    handler(eventObject)
      每次事件触发时候执行的函数。
  .click([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对应映射将被传递给事件处理程序。
  handler(eventObject)
    每次事件触发时候执行的函数。
  .click()
    这个方法不接受任何参数。
  用法:
    在页面上所有段落上触发click事件
    $("p").click();


.dblclick()
  为双击事件绑定一个事件处理函数,或者触发元素双击事件。
  .dblclick( handler(eventObject) )
    handler(eventObject)
      每次事件触发时候执行的函数。
  .dblclick([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对应映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时候执行的函数。
    .dblclick()
      这个方法不接受任何参数。
  用法:
  在页面上所有段落上触发dblclick事件
  $("p").dblclick();
    $('#target').dblclick(function() {
      alert('Handler for .dblclick() called.');
  });


.focusin()
  将一个事件函数绑定到获得焦点事件上。
  .focusin(handler)
    handler
      每次事件出发会执行的函数。
  .focusin([eventData],handler)
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler
      每次事件出发会执行的函数。
  用法:
  $("p").focusin(function() {
    $(this).find("span").CSS('display','inline').fadeOut(1000);
  }); //当p 内获得焦点的时候执行此函数。


.focusout()
  将一个事件函数绑定到失去焦点事件上。
  .focusout(handler)
    handler
      每次事件出发会执行的函数。
  .focusout([eventData],handler)
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler
      每次事件出发会执行的函数。
  用法:
    $("p").focusout(function() {
      $(this).find("span").css('display','inline').fadeOut(1000);
    }); //当p 内失去焦点的时候执行此函数。


.hover()
  将两个时间函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被被执行。
  .hover(handlerIn(eventObject),handlerOut(eventObject))
    handlerIn(eventObject)
      当鼠标指针进入元素时触发执行的事件函数。
    handlerOut
      当鼠标指针离开元素时候触发执行的事件函数。
  用法:
    $("td").hover(
      function(){
        $(this).addClass("hover");
      },
      function(){
        $(this).removeClass("hover")
      }
    );
    鼠标在表格单元格中来回滑动的时候添加特殊的样式,
    解除绑定上面的例子中使用:
    $("td").unbind('mouseenter mouseleave');


.mousedown()
  当鼠标按下的时候绑定的事件处理函数,触发的事件。
  .mousedown(handler(eventObject))
    handlerIn(eventObject)
      每一次事件触发时会执行的函数。
  .mousedown([eventData],handler(eventObject))
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mousedown()
    这个方法不接受任何参数。
  用法:
  $('#target').mousedown(function() {
    alert('Handler for .mousedown() called.');
  });


.mouseenter()
  当鼠标指针进入穿过元素时候触发的事件。
  .mouseenter( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mouseenter( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
    $("p").mouseenter(function(){
      $("p").css("background-color","yellow");
    });

 

.mouseleave()
  当鼠标指针离开元素时候触发的事件。
  .mouseleave( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mouseleave( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
  $("p").mouseleave(function(){
    $("p").css("background-color","yellow");
  });


.mousemove()
  当鼠标指针在指定的元素中移动时触发事件。
  .mousemove( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mousemove( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
    $(document).mousemove(function(e){
      $("span").text(e.pageX + ", " + e.pageY);
    });


.mouSEOut()
  当鼠标指针从元素上离开时触发的函数。
  .mouseout( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mouseout( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
  $("p").mouseout(function(){
    ("p").css("background-color","#E9E9E4");
  });


.mouseover()
  当鼠标指针位于元素上方时触发的事件。
  .mouseover( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mouseover( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
    $("p").mouseover(function(){
      $("p").css("background-color","yellow");
    });


.mouseup()
  当在元素上放松鼠按钮时触发的事件。
  .mouseup( handler(eventObject) )
    handler(eventObject)
      每次事件触发时会执行的函数。
  .mouseup( [eventData ], handler(eventObject) )
    eventData
      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
    handler(eventObject)
      每次事件触发时会执行的函数。
  用法:
    $("button").mouseup(function(){
      $("p").slideToggle();
  });