JQuery事件——鼠标事件1

鼠标事件.mousemove()、.mouseover()、.mouseout()、.mouseenter() 和.mouseleave()

1   .mousemove()监听用户移动的操作

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

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

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

5   .mousemove()的触发条件

.mousemove()当鼠标指针移动时触发,即使移动一个像素

如果处理器做任何重大的处理或者该事件存在多个处理函数,可能会造成浏览器的严重性能问题

6   .mouseover()监听用户的移入操作

7   .mouseout()监听用户的移出操作

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

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

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

11   .mouseenter()监听用户移动到元素内部的操作,在鼠标移入到元素上时被触发,任何HTML元素都可以接受

12   .mouseleave()监听用户移动到元素外部的操作,只在绑定他的元素上被调用,而不会在后代节点上被触发

13    .mouseenter() 和.mouseleave()的区别在于冒泡方式处理不同

时间: 2024-11-06 07:24:10

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

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事件——鼠标事件

鼠标事件.click()..dbclick()..mousedown()和 .mouseup() 1   .click()用于监听用户单机操作 2   .dbclick()用于监听用户双击操作 3   $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件 4   $ele.click(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素

网站开发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() -