Snippet di codice per associare un gestore di clic a un pulsante
Questo articolo descrive gli snippet di codice per componenti personalizzati
Puoi aggiungere snippet di codice a un componente personalizzato per facilitare l’interazione con esso. Vediamo due esempi di snippet forniti con Animate. I nuovi snippet di codice si trovano nella sezione HTML5 Canvas > Componenti.
Snippet di codice per associare un gestore di clic a un pulsante
// Disabilita più handler, in quanto questi possono essere utilizzati in script di fotogramma if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Avvia il codice personalizzato console.log("Button clicked"); // Termina il codice personalizzato } // Collega un gestore di eventi all’elemento di livello superiore con il filtro come // l'ID dell'istanza del componente $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
Tieni presente che il gestore viene allegato all’elemento di livello superiore (dom_overlay_container) con il filtro impostato per l’istanza del componente. Questo è importante, perché l’istanza del componente potrebbe non può essere presente quando tenti di allegare il gestore. In questo modo i gestori di eventi verranno attivati correttamente.
In modo analogo puoi fornire i gestori di eventi per i componenti personalizzati.
Snippet di codice per ottenere un valore da un controllo di input
console.log($("#instance_name_here").val());
Snippet di codice da usare quando l’istanza del componente è associata al DOM
// Ascolta l'evento associato, generato dal runtime del componente $("#dom_overlay_container").on("attached", function(evt, param) { // Controlla l'ID dell'istanza if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("My Button"); } });
Accedi al tuo account