jquery中鼠标移上和移开的动作是什么 jquery鼠标离开(mouseout)时,会处理一个事务,但是怎么排除鼠标在子元素时不影响。
jquery中鼠标移上和移开的动作是什么
mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,mouseout事件于用户把鼠标移出一个元素时触发。
下面为你详细介绍下jquery中的鼠标事件:
(1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发;
$(p).click(function(){
alert(click function is running
!)
})
(2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用;
$(p).dbclick(function(){
alert(dbclick function is running
!)
})
(3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发;
$(p).mousedown(function(){
alert(mousedown function is
running !)
})
(4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发;
$(p).mouseup(function(){
alert(mouseup function is running
!)
}).click(function(){
alert(click
function is running too !)
})
(5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性;
(6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。
jquery鼠标离开(mouseout)时,会处理一个事务,但是怎么排除鼠标在子元素时不影响。
楼上就一个函数的事情有必要这样么?代码改成如下
$(".a").hover(
function(){
$(this).find(".a1").css("display","block")
},
function(){
$(this).find(".a1").css("display","none")
}
)
或者
$(".a").mouseover(function(){
$(this).find(".a1").css("display","block")
})
$(".a").mouseleave(function(){
$(this).find(".a1").css("display","none")
})
jquery 鼠标事件
这个涉及到JS事件的冒泡~
简单得解释下JS事件原理,就拿你问的举例~
1.捕获阶段,就是捕获到事件的发生,然后执行绑定的方法,mouseout其实是发生在最内部的
2.冒泡阶段,之后mouseout这个动作就会沿着DOM树一层一层向上触发,所以在外层的div也是触发了mouseout动作的,所以绑定在div mouseout事件上面的方法就执行了
还有就是关于,mouseout事件本身,这个会发生在鼠标从一个DOM移动到另一个DOM时
还是拿你的问题来说
假设现在鼠标在#F_M_info上,当鼠标移动到它内部的div、a或者是li,mouseout事件都会发生
所以jquery为我们提供了另外一组事件,mouseenter和mouseleave
这组事件就是纯粹得从#F_M_info移进移出,而不管鼠标在其内部干了什么
但要注意,这组事件不是JS原生的,而是jquery通过计算模拟实现的
希望对您有帮助~
By Billskate
jquery中的mouse事件有哪些
mousedown当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
mouseenter当鼠标指针穿过元素时,会发生 mouseenter 事件。
mouseleave当鼠标指针离开元素时,会发生 mouseleave 事件。
mousemove当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。
mouseout当鼠标指针从元素上移开时,发生 mouseout 事件。
mouseover当鼠标指针位于元素上方时,会发生 mouseover 事件。
mouseup当在元素上放松鼠标按钮时,会发生 mouseup 事件。
Jquery问题mouseout事件
$("#divA").mouseleave(function(){
$(this).hide()
})
这样就行了
mouseenter和mouseleave事件就是防止这种情况出现而使用的
怎么使用jquery实现鼠标停止移动事件
代码如下: