鼠标悬停时同时在 2 个 div 上的事件

Question

我想知道是否有办法在 javascript/jquery 中将鼠标悬停在 2 个div 上同时触发事件，如果它们都位于同一位置但位于不同的 z 索引上？

例：

就像在这个例子中一样 http://imageshack.com/a/img849/8684/k8jn.jpg

Answer 1

考虑使用elementFromPoint()方法：

演示 jsFiddle {如果使用包装的 iframe 和 scolling body 的 iframe，请注意错误}

$divs = $("#one, #two").on('click.passThrough', function (e, ee) {
   var $el = $(this).hide();
  try {
    if (!ee) $("#msg").empty();
    $("<div/>").append($el.text()).appendTo($("#msg"));      
    ee = ee || {
      pageX: e.pageX,
      pageY: e.pageY
    };
    var next = document.elementFromPoint(ee.pageX, ee.pageY);
    next = (next.nodeType == 3) ? next.parentNode : next //Opera
    $(next).trigger('click.passThrough', ee);
  } catch (err) {
    console.log("click.passThrough failed: " + err.message);
  } finally {
    $el.show();
  }
    alert('div cliked: #' + this.id);
});

原帖： https://stackoverflow.com/a/14416567/1414562

Answer 2

Listen "mousemove" event in wrapper div,
use event object pageX and PageY to find Cursor above both div or not.

小提琴：http://jsfiddle.net/aslancods/9f4mr/23/