判断鼠标是否移到某元素之外

jQuery代码:

例子说明:当鼠标移动至$("#test")之外时将$("#test")隐藏.

 1 <script type="text/javascript">
 2         $(document).ready(function(){
 3             document.onmousemove = function() 
 4             {
 5                 var m_move_x = event.pageX;   //鼠标X轴坐标
 6                 var m_move_y = event.pageY;  //鼠标Y轴坐标
 7 
 8                 var div_top = $('#test').offset().top; 
 9                 var div_left = $('#test').offset().left;
10                 var div_bottom = table_top + $('.exam_table').height();
11                 var div_right = table_left + $('.exam_table').width();
12 
13                 if(m_move_x < table_left || m_move_x > table_right || m_move_y < table_top || m_move_y > table_bottom)
14                 {
15                     $("#test").css("display", "none");
16 } 17 } 18 }); 19 </script>

 

posted @ 2018-09-13 21:38  哟风  Views(584)  Comments(0)    收藏  举报