当前位置:首页>开发>正文

jquery中鼠标移上和移开的动作是什么 jquery鼠标离开(mouseout)时,会处理一个事务,但是怎么排除鼠标在子元素时不影响。

2023-06-26 15:39:44 互联网 未知 开发

 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实现鼠标停止移动事件

    代码如下: