Jquery 鼠标事件解析

1 mouseover与mousemove的区别：

mouseover是当鼠标移动到对象时产生，只产生一次，这时如果继续在对象上移动，不会再产生mouseover事件，而是mousemove事件，mousemove事件是当鼠标进入对象后，如果在对象上不断地移动，那么该事件会不断地产生。

mouseOver 从父元素进入子元素，从子元素进入父元素都能触发

2 mouseout事件

与mouseover相对，一个是进入，一个是出去。离开子元素同样可以触发父元的mouseout事件

3 mousedown，mouseup事件

用户鼠标按下时触发mousedown，再放开时触发mouseup。

4 mousenter,mouseleave事件

只有当鼠标进入绑定的元素时触发 mousenter不区分子元素

只有当鼠标离开绑定的元素时触发 mouseleave不区分子元素

时间： 2024-08-26 17:42:57

Jquery 鼠标事件解析的相关文章

深入学习jQuery鼠标事件

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

JQuery 鼠标事件简介

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,mouseout事件于用户把鼠标移出一个元素时触发. 下面为你详细介绍下jquery中的鼠标事件: (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发: $('p').click(function(){ alert('click function is running !'); }); (2):dblclick:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于

jquery 鼠标事件汇总

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. 1.click事件:点击鼠标左键时触发 $('p').click(function(){}); 示例: $('p').click(function(){ alert('click function is running !'); }); 2.dbclick事件:迅速

jQuery鼠标事件（转）

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

jQuery鼠标事件汇总

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. 1.click事件:点击鼠标左键时触发 $('p').click(function(){}); 示例: $('p').click(function(){ alert('click function is running !'); }); 2.dbclick事件:迅速连续的两次点击时触发 $('p').dbclick(function(){}); 示例: $("button").dblclick(function(){ $(&

jQuery鼠标事件

1.click事件:点击鼠标左键时触发 $('p').click(function(){}); 2.dbclick事件:迅速连续的两次点击时触发 $('p').dbclick(function(){}); 3.mousedown事件:按下鼠标时触发 $('p').mousedown(function(){}); 4.mouseup事件:松开鼠标时触发 $('p').mouseup(function(){}); 5.mouseover事件:鼠标从一个元素移入另一个元素时触发 mouseout事件:

jQuery基础（鼠标事件，表单事件，键盘事件，自定义事件篇）

1.jQuery鼠标事件之click与dbclick事件方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二:$ele.click( h

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

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

jQuery事件之鼠标事件

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