jquery如何判断鼠标是否在当前div上,实战方法
程序员文章站
2022-04-14 13:57:14
如图,想实现模糊查询点击文字赋值到搜索框,离开则关闭模糊查询提示,但失去焦点时模糊查询div隐藏就无法实现点击赋值的事件了,这时候需要隐藏时判断是否离开模糊查询,附上代码 //全局变量 var x,y; $(document).mousemove(function(e){ x = e.pageX; ......
如图,想实现模糊查询点击文字赋值到搜索框,离开则关闭模糊查询提示,但失去焦点时模糊查询div隐藏就无法实现点击赋值的事件了,这时候需要隐藏时判断是否离开模糊查询,附上代码
//全局变量 var x,y; $(document).mousemove(function(e){ x = e.pagex; y = e.pagey; });
// 离开和焦点(判断鼠标停留) $("#searchtext").blur(function () { var div = $('.*');//获取你想要的div var y1 = div.offset().top; //div上面两个的点的y值 var y2 = y1 + div.height();//div下面两个点的y值 var x1 = div.offset().left; //div左边两个的点的x值 var x2 = x1 + div.width(); //div右边两个点的x的值 if( x < x1 || x > x2 || y < y1 || y > y2){ // 鼠标不在该div中 $('.*').hide() }else{ console.log('鼠标在div中',x,x1,x2,y,y1,y2) } })
上一篇: jquery点击事件click无效
下一篇: 下拉菜单的jquery组件封装