How can I find current element on mouseover using jQuery?

Question

How can I get the class name of the current element that is on mouseover? For example

When a mouse is over from div to a, I want to get the class name of a div element. How can I get it using jQuery?

Answer 1

you can give a try to this:

window.onmouseover=function(e) {         console.log(e.target.className); }; 

Answer 2

This is my version:

function handler(ev) { var target = $(ev.target); var elId = target.attr('id'); if( target.is(".el") ) {    alert('The mouse was over'+ elId ); } } $(".el").mouseleave(handler); 

Working fiddle: http://jsfiddle.net/roXon/dJgf4/

function handler(ev) {      var target = $(ev.target);      var elId = target.attr('id');      if( target.is(".el") ) {         alert('The mouse was over'+ elId );      }  }  $(".el").mouseleave(handler);

.el{      width:200px;      height:200px;      margin:1px;      position:relative;      background:#ccc;         float:left;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <p>Hover an element and refresh the page, than move your mouse away.</p>  <div id="element1" class="el"></div>  <div id="element2" class="el"></div>  <div id="element3" class="el"></div>  <div id="element4" class="el"></div>  <div id="element5" class="el"></div>  <div id="element6" class="el"></div>  <div id="element7" class="el"></div>  <div id="element8" class="el"></div>  <div id="element9" class="el"></div>