Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<div id="parent">fdgfd
  <div>content</div>
  <select name="" id="">
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
    <option value="">4</option>
    <option value="">5</option>
  </select>
</div>
<div id="result">out</div>
 
var isSelectFocussed=false;
var inside = false;
function onMouseOut() {
   !isSelectFocussed && (document.getElementById('result').innerHTML = 'out');
}
document.getElementById('parent')
  .addEventListener('mouseleave', function() {
  onMouseOut();  
  inside = false;
})
document.getElementById('parent')
  .addEventListener('mouseover', function() {
  document.getElementById('result').innerHTML = 'in';
  inside = true;
});
document.querySelector('select')
 .addEventListener('focus', function() {
  isSelectFocussed = true;
});
document.querySelector('select')
 .addEventListener('blur', function() {
  isSelectFocussed = false;
  !inside && onMouseOut();
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers