Changer un background d'une page en glissant la souris

bonjour, c'est la premiere fois que je poste sur le forum (je suis tout nouveau).
j'ai un gros soucis, j'entame ma reconversion dans mon travail et on me demande de pondre une petite librairie de routine javascrip et html (je n'ai jamais fais ça je suis développeur C), cela veut dire que je viendrais souvient farfouiller ici ....(ceci est pour la presentation )

le soucis :

j'ai un background de ma page d'une couleur, je dois dans un premier temps avec ma souris cliquer sur la page et glisser pour changer de couleur (comme on change d'ecran dans un smartphone) car la deuxieme etape sera de faire ce drag and drop avec le doigt (touchscreen) de nos appareils..

j'espere que l'explication de mon souci est clair et merci pour tout aide apportée.

pour l'instant j'affiche une couleur et je la change en appuyant sur un bouton....

pardon pour les puristes mais je réagis comme un développeur C voici mon code javascript


document.getElementById(obj).style.backgroundColor = "lime";

/**
* Gestion de l'élément lorsque la souris est cliquée
*/
function affich( )
{
/**
* Déplace l'élément sur la page lorsque c'est possible
*/
function bougemouse()
{
if( document.getElementById(obj).style.backgroundColor != "red")
document.getElementById(obj).style.backgroundColor = "red";
else
if( document.getElementById(obj).style.backgroundColor != "aqua")
document.getElementById(obj).style.backgroundColor = "aqua";
else
if( document.getElementById(obj).style.backgroundColor != "lime")
document.getElementById(obj).style.backgroundColor = "lime";
}

mouseUp()= return = false;
{
background = document.getElementById(obj).style.backgroundColor;

}


} /*fin de mousedown*/

Salut,

Pour gérer ce genre d'événements, j'utilise habituellement hammer.js.

Bonne continuation !

merci pour le lien je vais regarder ça