jquery – 有没有办法解决忽略z-index的事件?

前端之家收集整理的这篇文章主要介绍了jquery – 有没有办法解决忽略z-index的事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有这样的事情:

有没有办法在BOTH div上触发mouSEOver事件?

编辑:对不起所有..我试图简化这个问题所以很清楚理解,我忘了提到我有超过100个这样的div那么可能那些解决方案不起作用.我要看看我是否可以对它们进行调整.非常感谢大家.

解决方法

我在这里用JSFiddle编写了一个工作示例:

http://jsfiddle.net/gfosco/CU5YT/

它类似于madeinstefanos的回答,但具体到你的例子..

  1. var mouseX = 0;
  2. var mouseY = 0;
  3. var front = 0;
  4. var back = 0;
  5.  
  6. function log(text) {
  7. $("#log").append(text + '<BR>');
  8. }
  9.  
  10. function mouseWithin(selector) {
  11. var pos = $(selector).position();
  12. var top = pos.top;
  13. var left = pos.left;
  14. var height = $(selector).height();
  15. var width = $(selector).width();
  16.  
  17. if (mouseX >= left && mouseY >= top && mouseX <= left + width
  18. && mouseY <= top + height) {
  19. return true;
  20. }
  21. return false;
  22. }
  23.  
  24. $(document).bind('mousemove',function(e) {
  25. mouseX = e.pageX;
  26. mouseY = e.pageY;
  27. if (front == 1 && !mouseWithin("#front")) {
  28. front = 0;
  29. log('Front Leave');
  30. }
  31. if (back == 1 && !mouseWithin("#back")) {
  32. back = 0;
  33. log('Back Leave');
  34. }
  35. if (front === 0 && mouseWithin("#front")) {
  36. front = 1;
  37. log('Front Hover');
  38. }
  39. if (back === 0 && mouseWithin("#back")) {
  40. back = 1;
  41. log('Back Hover');
  42. }
  43.  
  44. });

猜你在找的jQuery相关文章