Cambio funzioni mouse in calendario Javascript

Daniel De Mari

Nuovo Utente
8 Feb 2013
2
0
0
Ciao ragazzi, sto facendo un po' di patica con javascript modificando un'applicazione calendario open source. Premetto che sono alle prime armi con questo linguaggio.

Questo è quello che ho realizzato finora:
http://aspspider.info/testCalendar/

in questo momento, per selezionare i giorni da inserire nel db devo utilizzare ctrl+click o shift+click e poi decidere quale bottone premere a seconda della funzione che mi interessa.

L'ideale però sarebbe automatizzare il processo in modo che la funzione ctrl+click sia dato dal normale click sinistro del mouse.
Ancora meglio sarebbe se tasto sinistro corrispondesse al salvataggio in db, mentre tasto destro per cancellare la selezione.

Come posso attribuire in javascript, comandi differenti da quelli predefiniti al mouse? :confused:
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, per intercettare il tasto premuto dai un occhiata a questo esempio
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            #contenitore {
                width: 100%;
                height:600px;
                border: 1px solid red;
            }
        </style>
        <script>
            window.onload = function(){                       	
                document.body.oncontextmenu=function(){
                    return false;
                }
            }
            function evento(evento){
               
                switch (evento.button){
                    case 0:
                        alert("hai premuto il tasto sinistro");	  
                        break;
                    case 1:
                        alert("hai premuto il tasto centrale");		 
                        break;
                    case 2:
                        alert("hai premuto il tasto destro");	
                        break;
                    default:                        
                        break;
                }
 
            }
        </script>
    </head>
    <body>
        <div onmousedown="evento(event)" id="contenitore">

        </div>
    </body>
</html>