• 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();
      });
  • 相关阅读:
    css 设置特定条件下的标签
    vue实现导航菜单滚动
    input 默认样式样式 样式修改
    vue 倒计时
    微信小程序 botton默认样式删除
    Notepad++ 快捷键
    css实现div水平垂直居中
    Python爬虫爬取1905电影网视频电影并存储到mysql数据库
    Python爬虫爬取搜狐视频电影并存储到mysql数据库
    第一阶段(十)
  • 原文地址:https://www.cnblogs.com/nmxs/p/4939829.html
Copyright © 2020-2023  润新知