Объединение двух элементов Dom в единое целое с событиями мыши - PullRequest
Новая
       32

Объединение двух элементов Dom в единое целое с событиями мыши

1 голос
/ 25 октября 2011

У меня есть два div'а поверх всего, что расположено рядом друг с другом.

enter image description here

Я бы хотел, чтобы ради мышиного и мышиного отпуска они рассматривались как "один". Они выстраиваются рядом друг с другом (или перекрываются).

Возможно ли это?

Я пытался сделать комбо mouseleave / mouseenter, но я не могу гарантировать, что сработает первым, отпуск с первого элемента или ввод его собеседнику.

Спасибо, ТАК!

1 Ответ

1 голос
/ 25 октября 2011

onmouseleave имеет свойство события {{toElement}}, чтобы сообщить вам, в какой элемент оно входит.

Вам просто нужно проверить, не является ли это другим элементом 

$( function(){

  var box1 = $("#box1");
  var box2 = $("#box2");

  box1.add(box2).mouseenter( function(){
      box1.css("background-color","#CFC");  
      box2.css("background-color","#DED");  
  }).mouseleave( function(e){
      var domElem = e.toElement;
      if(domElem==box1[0] || domElem==box2[0] ) return;
      box1.add(box2).css("background-color","#CCC");
  });


});

jsFiddle

...