【云端架构】前端jQuery鼠标事件精选

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。

1、click事件:点击鼠标左键时触发

$('p').click(function());

2、dbclick事件:迅速连续的两次点击时触发

$('p').dbclick(function());

3、mousedown事件:按下鼠标时触发

$('p').mousedown(function());

4、mouseup事件:松开鼠标时触发

$('p').mouseup(function());

5、mouseover事件:鼠标从一个元素移入另一个元素时触发

mouseout事件:鼠标移出元素时触发

        $('p').mouseover(function());

$('p').mouseout(function());

6、mouseenter事件:鼠标移入元素时触发

mouseleave事件:鼠标移出元素时触发

$('p').mouseenter(function());

$('p').mouseleave(function());

7、hover事件

$('p').hover( function(), function() );

8、toggle事件:鼠标点击切换事件

$('p').toggle( function(), function() );

原文链接:http://www.qybolg.cc/?post=106

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏牛客网

个人的前端面经,回馈社会

酷家乐(10-20k) 电话一面 三十五分钟 如何学习前端,看了什么书 谈实习经历 谈项目,问为什么用那么多插件,有没有想过自己写 position有几个属性 ...

39150
来自专栏我分享我快乐

一刻课堂——jquery_15实例_下拉菜单

29160
来自专栏我分享我快乐

轮播图中点按钮停止后等几秒再自动播放的代码

<!doctype html> <html> <head> <script src="jquery.js"></script> <style> div{floa...

288120
来自专栏点滴积累

JS前端三维地球渲染——中国各城市航空路线展示

前言 我还从来没有写过有关纯JS的文章(上次的矢量瓦片展示除外,相对较简单。),自己也学习过JS、CSS等前端知识,了解JQuery、React等框架,但是自己...

1K60
来自专栏我分享我快乐

前端及设计类电子书分享

工作后大家遇到了这样那样的问题,今天主要针对大家想看的前端的书籍来说一说。 我们的课程因为是偏设计类的课程,所以只是带大家学习前端的基础。所以工作后很多同学在...

30170
来自专栏狂码一生

利用ajaxFileUpload.js实现多文件异步上传功能

  AjaxFileUpload.js是网络开发者写好的插件放出来供大家使用用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值。在这里我将网络...

885130
来自专栏我分享我快乐

jquery_05捕获设置

起初,我认真的时候,你不认真,现在你认真了,我却已离你有些远了。想想当时我们一起学习一起努力的日子,是不是有种莫名的喜悦。现在大家工作了,也会遇到一些前端设计的...

37270
来自专栏我分享我快乐

HTMLCSSJQUERY知识点分解视频下载地址

http://pan.baidu.com/s/1geAnUrp ? ?

355100
来自专栏我分享我快乐

jquery_04选择器用法

起初,我认真的时候,你不认真,现在你认真了,我却已离你有些远了。想想当时我们一起学习一起努力的日子,是不是有种莫名的喜悦。现在大家工作了,也会遇到一些前端设计的...

326120
来自专栏我分享我快乐

jquery_03事件入门

起初,我认真的时候,你不认真,现在你认真了,我却已离你有些远了。想想当时我们一起学习一起努力的日子,是不是有种莫名的喜悦。现在大家工作了,也会遇到一些前端设计的...

30350

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励