Javascript Girl
  1. Javascript Girl
  3. Gérer les événements dans DART
Intereting Posts
Comment puis-je différer le chargement du contenu UpdatePanel jusqu'à la fin de la page? Portée variable: this.remove n'est pas une fonction Génère des clipPaths pour plusieurs éléments dans d3.js Suppression de documents d'une collection mongodb de node.js Appelez la fonction javascript sur RadioButtonList onchange Asp.net Les boutons des médias sociaux ralentissent le temps de chargement du site Web Chargement d'un fichier SVG avec svg.js Stubbing a React component method avec Sinon Obtenir le nom de la classe de l'élément avec onclick Comment vérifier si le code js est en cours sur le serveur de nœud ou sur le client Obtenir la compatibilité IE8 avec EaselJS et ExplorerCanvas Téléchargement de fichier via java websocket API et Javascript Initialement cacher un div pour affichage ultérieur Quel modèle de conception de plugin jQuery dois-je utiliser? Pourquoi Object.defineProperty () plutôt que this.defineProperty () (pour les objets)?

Gérer les événements dans DART

Je suis nouveau chez DART. J'ai lu l'aperçu de la langue et le code d'exemple vérifié dans l'éditeur DART. Jusqu'à présent, je ne pouvais pas trouver comment gérer les événements dans DART. Pour par exemple onclick = "call_dart_method ()".

Comment gérer les événements dans DART?

Ce n'est pas comment vous le faites sur Dart Check ici, sous la section Événements: http://www.dartlang.org/articles/improving-the-dom/ 

elem.onClick.listen( (event) => print('click!'));

En outre, vous pourriez constater que la possibilité de déclarer facultativement que nos types de variables permet de travailler avec des événements dans Dart Bliss. 

 import 'dart:html'; import 'dart:math'; class MyApplication { MyApplication() { CanvasElement screenCanvas; CanvasRenderingContext2D screen; final int WIDTH = 400, HEIGHT = 300; Random rand = new Random(); screenCanvas = new CanvasElement(); screenCanvas ..width = WIDTH ..height = HEIGHT ..style.border = 'solid black 1px'; screen = screenCanvas.getContext('2d'); document.body.nodes.add(screenCanvas); screenCanvas.onClick.listen((MouseEvent me) { int r = rand.nextInt(256), g = rand.nextInt(256), b = rand.nextInt(256); double a = rand.nextDouble(); screen ..save() ..translate(me.offsetX, me.offsetY) ..rotate(rand.nextDouble() * PI) ..fillStyle = 'rgba($r,$g,$b,$a)' ..fillRect(-25, -25, 50, 50) ..restore(); }); } } void main() { new MyApplication(); }