Mousedown event abfragen

[amolip]

Hallo!

Also quasi bei onmousedown, je nach Button, eine Animation starten und dann bei onmouseup die Animation wieder beenden.

Und natürlich noch bei »onmouseout« beenden.

Hier mal ein Ansatz.

  
  
circle {  
    fill: Blue;  
    cursor: pointer;  
}  
  
function start(me) {  
    me.style.setProperty("fill","Red", "");  
};  
  
function stop(me) {  
    me.style.setProperty("fill","", "");  
};  
  
<circle  cx="50" cy="50" r="30" onmousedown="start(this)" onmouseup="stop(this)" onmouseout="stop(this)"/>  
  

Gruß Uwe