jq的移入移出事件

标签: jq 移入移出事件
5人阅读 评论(0) 收藏 举报
分类:

一、jq的移入事件有mouseenter和mouseover

mouseenter只有在鼠标指针穿过被选元素时才会触发;

mouseover是不论鼠标指针穿过被选元素还是其子元素都会触发

$("#id").mouseenter(function () {
      alert('移入');
});
$("#id").mouseover(function () {
      alert('移入');
});

二、jq的移出事件有mouseleave和mouseout

mouseleave只有在鼠标指针离开被选元素时触发;

mouseout是不论鼠标指针穿过被选元素还是其子元素都会触发

$("#id").mouseleave(function () {
      alert('移出');
});
$("#id").mouseout(function () {
      alert('移出');
});

三、hover事件是包含了移入和移出事件

hover 事件规定当鼠标指针悬停在被选元素上时要运行两个函数,若只写一个函数则是移入事件,没有移出事件的相应处理。

jQuery 1.7 版本前该方法触发 mouseenter和  mouseleave事件。

jQuery 1.8 版本后该方法触发mouseovermouseout事件。

$("#id").hover(function(){
  console.log('移入');
},function(){
  console.log('移出');
});




查看评论

jQuery 鼠标移入移出事件切换

jQuery 鼠标移入移出事件切换
  • shuair
  • shuair
  • 2017-04-13 17:29:14
  • 17164

jquery鼠标移入移出变色和单击隐藏出现事件

$(document).ready(function () { //鼠标移入变红色 $("li").mouseover(function (){ $(this)...
  • u014185792
  • u014185792
  • 2014-03-19 14:50:02
  • 4339

jQuery的鼠标移入与移出事件

mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout与...
  • P18695933241
  • P18695933241
  • 2017-11-02 19:38:24
  • 478

JQery鼠标移入,移出触发方法

总结:1、我在项目中遇到个问题,鼠标移到该文字区域的时候,就显示一个下拉区域。移开这个下拉区域的时候,就隐藏这块区域,当然这块区域是浮在页面主体上的。刚开始的时候,以为在要触发的文字区域这块加上onm...
  • peterjiajia
  • peterjiajia
  • 2014-12-17 17:13:49
  • 2100

jQuery事件-div的显示隐藏及鼠标的移入移出

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3....
  • u014740338
  • u014740338
  • 2015-01-18 22:24:33
  • 10149

jquery 使用鼠标移入移出

当鼠标指针穿过元素时,会发生 mouseenter 事件。 该事件大多数时候会与 mouseleave 事件一起使用。 $(".photo-wall .move-box .item ").mo...
  • lewanYang
  • lewanYang
  • 2017-05-03 10:38:59
  • 685

jQuery 事件 - mousemove() 和 mouseout() 方法(移入,移出事件)

<!DOCTYPE html> <html> <head> <meta http-equiv=&quo...
  • lyg1153
  • lyg1153
  • 2018-02-12 17:43:25
  • 300

JS鼠标移入,移出事件

该事件的效果就像百度首页的设置选项,当鼠标移入,移出时的效果,废话不多说了,直接上码。             百度     ·····························...
  • yu9696
  • yu9696
  • 2017-04-01 11:12:41
  • 11781

易语言鼠标移入移出事件

  • 2011年08月01日 17:57
  • 1KB
  • 下载

【jquery】解决轮播图鼠标快速移入移出导致bug思路

经过这几天的学习,可以用jquery写一些简单的效果。写轮播图的时候因为用的是click()而不是mouseenter(),所以没有发现这个bug。后来上网上看到好多类似的问题,查询了一番后总结了一下...
  • pg_tang
  • pg_tang
  • 2017-08-14 15:27:08
  • 502
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 526
    排名: 9万+
    最新评论