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(); });
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 前端测试题:(解析)js中关于类(class)的继承的说法,下面错误的是?
- 程序员深夜惨遭老婆鄙视,原因竟是CAS原理太简单?| 每一张图都力求精美
- MySQL数据延迟跳动的问题分析
- Python GUI项目实战(八)修改密码功能的实现
- Prometheus监控神器-Alertmanager篇(3)
- Prometheus监控神器-Alertmanager篇(4)
- 71-STM32+ESP8266+AIR202基本控制篇-移植使用-移植微信小程序MQTT底层包到自己的工程项目
- 目标检测 | Anchor free之CornerNet网络深度解析
- 手把手教你 3 分钟搞定个人网站 http 免费升级到 https
- 设计模式(四):通过做蛋糕理解构建模式及Android中的变种
- 如何入门使用腾讯云物联网开发平台 IoT Explorer,开发一盏智慧城市的智能灯?
- 知道吗?容器镜像也可以延迟拉取!
- ansible超详细讲解,值得收藏
- 实战渗透 - 一个怎么够?我全都要!
- 详解 Numpy 中的视图和副本