Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Come gestire l'evento click di un oggetto?

    Di seguito posto delle proprietà standard:

    /* unvisited link */
    a:link {
    color: green;
    }

    /* visited link */
    a:visited {
    color: green;
    }

    /* mouse over link */
    a:hover {
    color: red;
    }

    /* selected link */
    a:active {
    color: yellow;
    }
    Non riesco a trovare quella, ammessa che esiste, che gestisce il click del mouse. Con l'active purtroppo devi tener premuto.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Come gestire l'evento click di un oggetto?
    La risposta più semplice è "con JavaScript o con l'apposito evento onclick del DOM".

    Non riesco a trovare quella, ammessa che esiste, che gestisce il click del mouse
    Non esiste alcuna gestione di eventi in CSS.
    Ora, senza voler entrare in sterili discorsi tecnici, tieni presente che CSS non è un vero e proprio linguaggio di programmazione. Questo significa che dal punto di vista programmatico è abbastanza limitato.

    Le proprietà che hai elencato (propriamente dette pseudo-classi) identificano semplicemente degli stati di quello specifico elemento.
    Non esiste (attualmente) una pseudo-classe che identifichi lo stato di "click".

    In alternativa esistono però vari trucchetti (sempre col solo CSS) che "simulano" in qualche modo l'evento click.
    Tra questi si utilizzano le pseudo-classi :target, :focus e :checked (cosiddetto "checkbox hack").
    Qui un articolo su queste tecniche http://tympanus.net/codrops/2012/12/...-click-events/

    E' chiaro però che si tratta sempre di un uso "sperimentale" del CSS e che JavaScript (o l'uso di eventi del DOM) resta l'approccio più appropriato e relativamente più semplice per questo tipo di applicazioni. Dipende poi da ciò che vuoi ottenere realmente e dal contesto in cui devi applicare questa roba.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    penso tu intenda :focus (che comunque non è strettamente dipendente da un click del mouse)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.