zoukankan      html  css  js  c++  java
  • jquery鼠标事件

    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();
      });
  • 相关阅读:
    使用header发送状态代码
    apache rewrite模块基础知识
    Deprecated: Function set_magic_quotes_runtime() is deprecated
    Xmind3.3强烈推荐
    windows 下安装svn服务
    Zend Studio 8
    mysql触发器
    程序员每天该做的事(转载)
    你真的了解.NET中的String吗?
    VS2005中Build顺序的设定
  • 原文地址:https://www.cnblogs.com/nmxs/p/4939829.html
Copyright © 2011-2022 走看看