mousemove

by Thanos Saringelos

HTML

<div id="over">
     
  </div>
  <iframe id='ifr' src="https://fr.wikipedia.org/wiki/Main_Page" width="100" height="100"/>

CSS

body {
    background:rgb(200,220,200);
}

#under {
    width:300px;
    height:300px;
    background:red; 
    top:0;
    left:0;
}

#over {
    width:200px;
    height:200px;
    background:blue; opacity:0.5;
    top:0;
    left:0;
    position:absolute;
}

JavaScript

$("#over").on('mousemove', function(e) {
     console.log('over moused')
});

$("#under").on('mousemove', function(e) {
      console.log('under moused')

});

$("#ifr").on('mousemove', function(e) {
      console.log('iframe moused d');
});