Move the mouse, and know that I'm on top of an object

Question

Move the mouse, and know that I'm on top of an object

Navigation

#1 by (3 votes)
#2 by (0 votes)
#3 by (-2 votes)

0

I have an image in SVG and when I have the mouse over the image make an alert and change the cursor to the hyperlink cursor. How can I do this?

<svg>
  <image /> 
</svg>

javascript

asked by anonymous 28.08.2015 / 16:41

3 answers

Is there any online server where I can submit a form made in Android with JSon to test? Combo box considering the previous choice

score 3 · Answer 1

3

HTML

<svg class="element">
  <image /> 
</svg>

CSS

.element:hover{
    cursor:pointer;
}

28.08.2015 / 16:51

score 0 · Answer 2

0

Add the onmouseover event available in SVG components

SVG

<svg>
  <image onmouseover="alert('Isso é um alert');"/> 
</svg>

CSS

 #svg-image:hover { cursor: pointer }

28.08.2015 / 17:08

score -2 · Answer 3

By using jQuery, you have the onHover function. Basically you have to do:

$(document).ready(function(){
    $("image").hover(function(){
        $(this).css( 'cursor', 'pointer' );
        console.log("Estou em cima da imagem");
        }
    );
});