Changement pointeur de la souris cliquez sur

Je suis actuellement en train de travailler sur un projet qui implique des éléments où un pointeur de souris personnalisé sera utilisé. Le code que j'utilise pour cette fonction est simple il suffit de:

.hand {
    cursor:url(/images/cursor1.gif);
}

Maintenant à ma question:
- Je me demandais juste (comme le dit le titre) si il y a de toute façon que je peux faire le changement de curseur cursor2.gif lorsque vous cliquez à l'intérieur de la div de classe "main" (?).

Êtes-vous en utilisant un JavaScript ou jQuery pour gérer ce "clic"?
Voulez-vous que le curseur ne change alors que le bouton de la souris vers le bas, ou voulez-vous changer (semi-) de façon permanente une fois que l'utilisateur clique?
semi, mais il devrait fonctionner aussi bien aussi longtemps que la souris est en bas.

OriginalL'auteur QAW | 2013-03-28

  1. 2

    Utiliser le :active pseudo-classe:

    .hand:active {
    cursor: url('/imgages/cursor1.gif');
}
    Il semble fonctionner, mais le seul problème c'est que dès que je clique à l'intérieur .main cursor2 apparaît et disparaît tout aussi rapidement. Voici mon CSS: .hand { width: 1500px; height: 500px; background: pink; cursor:url(/images/cursor1.gif), none; } .hand:active { cursor: url(/images/cursor2.gif), none; }

    OriginalL'auteur Blender

  2. 0

    Essayer cette jquery

    (function(){
$hand = $('.hand');
$hand.click(function() {
    $hand.css('cursor','url(YOURGIF.GIF)');
});
});

    OriginalL'auteur derek_duncan

  3. 0

    J'rassembler la difficulté est que vous devez le curseur est resté changé après vous avez cliqué, et pas seulement pendant que le bouton est enfoncé.

    Fait ce travail pour vous?

    function toggle(){

    var body = document.body; 
    body.id = ( body.id ) ? body.id : 'body_id'; //ffox

    body.use_custom_cursor = !body.use_custom_cursor;

    body.style.cursor = body.use_custom_cursor ? 'url(/images/cursor1.gif)' : 'auto';

}

    et puis...

    <div onclick="toggle()">Target</div>

    Je ne l'ai testé avec Webkit et Firefox, vous ne savez pas si IE l'aime.

    Le " ffox ligne est requise pour remplacer un CSS par défaut du curseur de la règle que Mozilla: "les corps:not([id])". Je viens de donner au corps un id si ce n'est pas déjà un. Il n'a pas besoin d'être "body_id', il peut être n'importe quoi.

    OriginalL'auteur Charlesism