JQuery事件——鼠标事件

鼠标事件.click()、.dbclick()、.mousedown()和 .mouseup()

1   .click()用于监听用户单机操作

2   .dbclick()用于监听用户双击操作

3   $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件

4   $ele.click(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素

5   $ele.click([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素,还可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

6   .click()由mousedown和mouseup2个动作构成,所以点击的动作只有在松手后才触发

7   .dbclick()由2个click叠加而来,所以dblclick事件只有在满足以下4个条件的情况下才能被触发

鼠标指针在元素里面时点击

鼠标指针在元素里面时释放

鼠标指针在元素里面时再次点击,点击间隔时间是系统规定的

鼠标指针在元素里面时再次释放

8  在同一元素上同时绑定click和dblclick事件是不可取的 ,用户可以通过不同的操作系统和浏览器配置双击灵敏度

9   各个浏览器的触发顺序不同,一些浏览器在dblclick之前接受两个click事件,而一些浏览器只接受一个click事件

10   .mousedown()监听用户鼠标按下的操作

11   .mouseup()监听用户鼠标弹起的操作

12   $ele.mousedown()绑定$ele元素,不带任何参数,用来指定触发一个事件

13   $ele.mousedown(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作

14   $ele.mousedown([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

15   .mousedown()事件触发的要求

.mousedown()是强调按下触发

在一个元素上按住鼠标不放,拖动鼠标离开这个元素,释放鼠标键,这也是 .mousedown()事件

任何鼠标按钮被按下时都能触发 .mousedown()事件

用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

16   .mouseup()事件触发的要求

.mouseup()强调是松手触发,与.mousedown()相反

.mouseup()与.mousedown()组合起来就是click事件

在一个元素上按下鼠标按键,拖动鼠标离开这个元素,释放鼠标键,这也是.mouseup()事件

用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

任何鼠标按钮松手时都能触发.mouseup()事件

时间: 2024-11-06 07:21:39

JQuery事件——鼠标事件的相关文章

jQuery的鼠标事件总结

jQuery的鼠标事件总结 1.click()事件. 2.dbclick()鼠标双击事件 3.mousedown()鼠标按下事件 4.mouseup()鼠标松开事件 5.mouseover()从一个元素移入另一个元素时触发 6.mouseout()鼠标移出元素时触发 7.mouseenter()鼠标移入元素时触发 8.mouseleave()鼠标移除元素触发 9.hover()鼠标移入元素上面 10.toggle()鼠标切换事件

jquery 事件--鼠标事件

一.click( )  与 dblclick() --双击 click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发 在同一元素上同时绑定 click 和 dblclick 事件是不可取的. $(".div").click(function(){ alert("hello") }) $('p').click(function(e) { alert(e.target.textContent); // 打印所点击对象的文本

jquery 的鼠标事件

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的.   (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发.        $('p').click(function(){                alert('click function is running !');              });    (2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置.一般双击事件

JQuery事件——鼠标事件1

鼠标事件.mousemove()..mouseover()..mouseout()..mouseenter() 和.mouseleave() 1   .mousemove()监听用户移动的操作 2   $ele.mousemove()绑定$ele元素,不带任何参数,用来指定触发一个事件 3   $ele.mousemove(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈进行很多操作 4   $ele.mou

网站开发div在Jquery中的鼠标事件失去焦点

网站div在Jquery中的鼠标事件失去焦点,今天在做网站开发的时候遇到了个问题,就是我在用Jquery做导航的时候,用到了Jquery的鼠标事件mouseout,但问题出来了,我有两个div,A的div包含了B的div,本来我是想当鼠标移出A的div的时候隐藏div,可是当我的鼠标移到B的div在移出的时候也会触发jquery的隐藏事件,这让人很头痛. 在网上搜了下,找到了解决的法子,就是直接把mouseout换成了mouseleave就可以了,具体的问题请大家参考Jquery的开发文档吧

深入学习jQuery鼠标事件

前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展.本文将详细介绍jQuery鼠标事件 类型 鼠标事件共10类,包括click.contextmenu.dblclick.mousedown.mouseup.mousemove.mouseover.mouseout.mouseenter和mouseleave click 当用户按下并释放鼠标按键或其他方式"激活"元素时触发 contextmenu 可以取消的事件,当上下文菜单即将出现时触发.当前浏览器在鼠

jQuery中的事件机制深入浅出

昨天呢,我们大家一起分享了jQuery中的样式选择器,那么今天我们就来看一下jQuery中的事件机制,其实,jQuery中的事件机制与JavaScript中的事件机制区别是不大的,只是,JavaScript中调用是原生的函数方法,而jQuery中调用的绑定的是jQuery中的对象方法,那么在昨天的第一篇中,我们已经说过了jQuery对象和DOM对象之间的转换,至于其中的转换的原理,我们就需要去分析一下jQuery中的源码了,这个我们在源码分析中再去做讨论, 首先呢,我们先来看一下,jQuery中

jQuery中的事件和动画效果

刚刚学习了jqyery的一些事件和动画,下面我来总结一下: 1.基础事件 1.window事件,它的对应方法是ready(),$(document).ready()方法是事件模块中最重要的一个函数,可以极大的提高web应用程序的响应速度.(不做过多的讲解) 2.鼠标事件 鼠标事件就是用户在文档上移动或者点击时引发的操作. 1.click(); 2.mouseout(); 3.mouseout(); $(function () { $('li').on('mouseenter',function

jQuery 语法-选择器-事件(基础知识)

jQuery 语法 jQuery 语法是通过选取 HTML 元素的,并对元素执行某些操作 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() -