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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏nice_每一天

如何编写高效的jQuery代码(转载)

1. jQuery速度再快,也无法与原生的javascript方法相比,而且建立的jQuery对象包含的信息量很庞大。所以有原生方法可以使用的场合,尽量避免使...

682
来自专栏从零开始学 Web 前端

从零开始学 Web 之 jQuery(八)each,多库共存,包装集,插件

each 方法用来遍历 jQuery 对象的,它的参数是一个事件处理函数,这个事件处理函数有两个参数,第一个参数是索引,第二个参数时索引对应的 DOM 对象,使...

1244
来自专栏彭湖湾的编程世界

【Vue】详解Vue组件系统

Vue渲染的两大基础方式 new 一个Vue的实例 这个我们一般会使用在挂载根节点这一初始化操作上: new Vue({ el: '#app' }) 注册组...

28711
来自专栏LIN_ZONE

Vue.js——60分钟快速入门(转载) Vue.js介绍声明该文是转载的,欢迎转载,支持尊重版权,原文作者:keepfool,原文地址:http://www.cnblogs.com/keepfo

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于...

1152
来自专栏web前端教室

web前端零基础课-1012上周总结

类组件中的方法内部不绑定this,在方法内部使用this,需要用bind(this)传入

1022
来自专栏JadePeng的技术博客

Angular快速学习笔记(3) -- 组件与模板

1833
来自专栏AndroidTv

前端入门6-JavaScript客户端api&jQuery

作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。

1204
来自专栏Golang语言社区

【Go 语言社区】在golang里实现类似try catch 的异常处理机制

此文介绍的并非 使用panic/recover. 因为实际使用中不建议使用panic/recover. 但try catch finally 的编程方式 还是...

3726
来自专栏keyWords

深入React技术栈之setState详解

791
来自专栏技术博客

Knockout.Js官网学习(click绑定)

click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意...

1022

扫码关注云+社区

领取腾讯云代金券