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();
  });


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/361270.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[LaunchPad] 超声波测试,数码管显示

1 #include "io430g2553.h"2 3 unsigned char Disp_Tab[] {0x3f,0x06,0x5b,0x4f,0x66,0x6d,0x7d,0x07,0x7f,0x6f,0x40}; //段码控制 4 unsigned char dispbit[8]{0xfe,0xfd,0xfb,0xf7,0xef,0xdF,0xbF,0x7F}; //位选控制 5 6 unsigned char LedOut[4];7 8 …

Spring的依赖注入陷阱

Spring框架中有三种注入变量: 基于二传手的注射 基于构造函数的注入 基于现场的注入 这些机制中的每一种都有优点和缺点,并且不仅只有一种正确的方法。 例如现场注入: Autowired private FooBean fooBean;在生产代码中使用它通常不是最好…

jquery 操作css 选择器

.addClass()   为每个匹配的元素添加指定的样式类名   .addClass(className)     className 为每个匹配元素所有增加的一个或多个样式名   .addClass(function(index,currentClass))     函数返回一个或者多个用空格隔开, index 表示参数匹配中的索引…

vim设置

一、基本编辑功能1、复制、剪切和粘贴复制特定的某一段:把光标移到要复制的文本的头部,按下“v”,往后移动光标,光标所过之处的字符>都会高亮,移到欲复制文本的尾部后,按下“y”,高亮文本全部…

jquery表单属性筛选元素

$(":button") 选择所有按钮元素类型为按钮的元素。 等于$(input[type"button"]) $(":checkbox") 选择所有类型为复选框的元素。 等于$(input[type"checkbox"]) $(":checked") 选择所有勾选的元素。 $( "input:checked&…

Hamcrest Matchers的高级创建

介绍 上一次 ,我讨论了Hamcrest Matcher是什么,如何使用以及如何制作。 在本文中,我将解释创建Hamcrest Matchers的更多高级步骤。 首先,我将分享如何使您的匹配器更易于类型安全,然后介绍无状态匹配器的一些技术&…

嵌入式成长轨迹37 【Zigbee项目】【CC2430基础实验】【自动闪烁】

最为简单的代码&#xff0c;只用到一个寄存器P1DIR。因为点亮的led灯&#xff08;p1.0和p1.1&#xff09;的管脚是p1的&#xff0c;要输出就得将这两个管脚设置为输出管脚。该寄存器用0~8对应1.0~1.8管脚。 1 //main.c2 #include <ioCC2430.h>3 4 #define uint unsigned …

博客园CodingLife模板样式优化

博客园CodingLife模板样式优化&#xff0c;小屏和大屏均做了优化&#xff0c;感兴趣的园友可以复制到你的页面定制CSS代码中&#xff0c; 源码地址&#xff1a;http://www.cnblogs.com/blog/customcss/334547.css 更多专业前端知识&#xff0c;请上 【猿2048】www.mk2048.com

如何允许用户自定义UI

理念 利用JavafX / FXML的声明性设计模式&#xff0c;并允许用户仅通过使用例如SceneBuilder打开某个视图即可重新定制布局或添加新控件&#xff0c;甚至根据用户需要更改样式&#xff0c;从而无需任何编码即可自定义某个视图。 FXML文件 CSS基本上可以放置在通过URL可以到达的…

WPF控件和布局

WPF控件和布局&#xff0c;根据刘铁猛《深入浅出WPF》书籍讲解内容&#xff0c;主要记录控件和布局的原理&#xff0c;如果有不足的地方&#xff0c;请大牛们键盘下留情--轻喷&#xff01;如果还算有用&#xff0c;请给点动力&#xff0c;支持一把&#xff01; 一、WPF里的控件…

css背景图片定位

背景图默认平铺&#xff1a; background-repeat: no-repeat;/*不平铺*//*repeat-x;沿X轴平铺*//*repeat-x;沿Y轴平铺*/ 背景图片定位&#xff1a; background-position: 100px 30px;/* X轴 Y轴 *//* 20% 20%; 百分比的方式 *//* left|center|right top|center|bottom */ 背景中…

使用GZIP和压缩数据

抽象 我们都知道用zip或gzip压缩文件的含义。 但是在Java中使用压缩文件并不像您想的那样简单明了&#xff0c;尤其是当您不是直接使用文件而是压缩流数据时。 我们会去&#xff1a; 如何将字符串转换为压缩/压缩字节数组&#xff0c;反之亦然 创建用于读取和写入文件的实用程…

Oracle ——概述 Oracle 5 步调优方法论

http://www.toadworld.com/KNOWLEDGE/KnowledgeXpertforOracle/tabid/648/TopicID/OPS3/Default.aspx 对 Oracle 调优应该采取积极的态度。如果等到用户开始抱怨性能&#xff0c;才调优通常以为时已晚&#xff0c;即便是最有效的调优策略。性能问题确定和处理的时间越晚&#x…

js,jq.事件代理(事件委托)复习。

<ul id "lists"><li>列表1</li><li>列表2</li><li>列表3</li><li>列表4</li><li>列表5</li><li>列表6</li></ul>js委托&#xff1a; var lists document.getElementById(&qu…

整体服务器与微服务

介绍 刚开始时&#xff0c;由于要求简单&#xff0c;所以应用程序既简单又小。 随着时间要求和需求的增长&#xff0c;我们的应用程序变得越来越大&#xff0c;越来越复杂。 这导致将单片服务器开发和部署为一个单元。 在某种程度上&#xff0c;微服务可以通过简单的应用程序回…

NEXUS S安卓4.0/4.1 【完美】 ROOT教程

原文链接&#xff1a;http://bbs.gfan.com/android-3517082-1-1.html 进行bootloader解锁&#xff08;即使解锁&#xff0c;再上锁&#xff09;&#xff0c;会清除你手机上的【所有】数据&#xff08;包括内部的16G SD 存储&#xff09;&#xff0c;包括但不限于应用、设置、联…

CSS中的各种FC

什么是FC&#xff1f; Formatting Context&#xff0c;格式化上下文&#xff0c;指页面中一个渲染区域&#xff0c;拥有一套渲染规则&#xff0c;它决定了其子元素如何定位&#xff0c;以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context&#xff0…

HDU 2647 Reward 拓扑排序

http://acm.hdu.edu.cn/showproblem.php?pid2647 题意&#xff1a; 输入N和M代表N个人和M组数据&#xff0c;M组数据中的A和B代表A的工资要比B的工资高&#xff0c;底薪是&#xff08;888元&#xff09;&#xff0c;问你这个老板至少要付 多少钱给这些员工&#xff0c;A比B工资…

EE Servlet 3:简单表单处理

对于大多数Web开发人员而言&#xff0c;Web应用程序中的表单处理就像小菜一碟。 如果我们无法捕获用户的输入并进行处理&#xff0c;将不会有太大用处。 因此&#xff0c;我在servlet3示例中包含了一个简单的FormServlet &#xff0c;该示例演示了您可能会遇到的很少使用的表单…

编写高质量的代码--基础:结构和样式,行为的分离

实现高质量的代码需要我们在结构和样式&#xff0c;行为的分离的基础上做到&#xff1a;精简&#xff0c;重用&#xff0c;有序。精简&#xff1a;尽量减小文件的大小&#xff0c;提高页面加载速度。重用&#xff1a;提高代码的重用性&#xff0c;减少冗余代码&#xff0c;提高…