|
|
@@ -1,100 +1,100 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
- <head>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
<meta charset="utf-8" />
|
|
|
- <base href="../../" />
|
|
|
- <script src="list.js"></script>
|
|
|
- <script src="page.js"></script>
|
|
|
- <link type="text/css" rel="stylesheet" href="page.css" />
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <h1>[name]</h1>
|
|
|
-
|
|
|
- <div class="desc">
|
|
|
- JavaScript events for custom objects.<br />
|
|
|
- [link:https://github.com/mrdoob/eventdispatcher.js Eventdispatcher on GitHub]
|
|
|
- </div>
|
|
|
-
|
|
|
- <h2>Example</h2>
|
|
|
-
|
|
|
- <code>
|
|
|
-// Adding events to a custom object
|
|
|
-
|
|
|
-var Car = function () {
|
|
|
-
|
|
|
- this.start = function () {
|
|
|
-
|
|
|
- this.dispatchEvent( { type: 'start', message: 'vroom vroom!' } );
|
|
|
-
|
|
|
- };
|
|
|
-
|
|
|
-};
|
|
|
-
|
|
|
-// Mixin the EventDispatcher.prototype with the custom object prototype
|
|
|
-
|
|
|
-Object.assign( Car.prototype, EventDispatcher.prototype );
|
|
|
-
|
|
|
-// Using events with the custom object
|
|
|
-
|
|
|
-var car = new Car();
|
|
|
-
|
|
|
-car.addEventListener( 'start', function ( event ) {
|
|
|
-
|
|
|
- alert( event.message );
|
|
|
-
|
|
|
-} );
|
|
|
-
|
|
|
-car.start();
|
|
|
- </code>
|
|
|
-
|
|
|
- <h2>Constructor</h2>
|
|
|
-
|
|
|
- <h3>[name]()</h3>
|
|
|
- <div>
|
|
|
- Creates EventDispatcher object.
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <h2>Methods</h2>
|
|
|
-
|
|
|
- <h3>[method:null addEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
- <div>
|
|
|
- type - The type of event to listen to.<br />
|
|
|
- listener - The function that gets called when the event is fired.
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- Adds a listener to an event type.
|
|
|
- </div>
|
|
|
-
|
|
|
- <h3>[method:Boolean hasEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
- <div>
|
|
|
- type - The type of event to listen to.<br />
|
|
|
- listener - The function that gets called when the event is fired.
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- Checks if listener is added to an event type.
|
|
|
- </div>
|
|
|
-
|
|
|
- <h3>[method:null removeEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
- <div>
|
|
|
- type - The type of the listener that gets removed.<br />
|
|
|
- listener - The listener function that gets removed.
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- Removes a listener from an event type.
|
|
|
- </div>
|
|
|
-
|
|
|
- <h3>[method:null dispatchEvent]( [page:object event] )</h3>
|
|
|
- <div>
|
|
|
- event - The event that gets fired.
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- Fire an event type.
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <h2>Source</h2>
|
|
|
-
|
|
|
- [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
|
|
|
- </body>
|
|
|
-</html>
|
|
|
+ <base href="../../" />
|
|
|
+ <script src="list.js"></script>
|
|
|
+ <script src="page.js"></script>
|
|
|
+ <link type="text/css" rel="stylesheet" href="page.css" />
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <h1>[name]</h1>
|
|
|
+
|
|
|
+ <div class="desc">
|
|
|
+ JavaScript events for custom objects.<br />
|
|
|
+ [link:https://github.com/mrdoob/eventdispatcher.js Eventdispatcher on GitHub]
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h2>Example</h2>
|
|
|
+
|
|
|
+ <code>
|
|
|
+// Adding events to a custom object
|
|
|
+
|
|
|
+var Car = function () {
|
|
|
+
|
|
|
+ this.start = function () {
|
|
|
+
|
|
|
+ this.dispatchEvent( { type: 'start', message: 'vroom vroom!' } );
|
|
|
+
|
|
|
+ };
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+// Mixing the EventDispatcher.prototype with the custom object prototype
|
|
|
+
|
|
|
+Object.assign( Car.prototype, EventDispatcher.prototype );
|
|
|
+
|
|
|
+// Using events with the custom object
|
|
|
+
|
|
|
+var car = new Car();
|
|
|
+
|
|
|
+car.addEventListener( 'start', function ( event ) {
|
|
|
+
|
|
|
+ alert( event.message );
|
|
|
+
|
|
|
+} );
|
|
|
+
|
|
|
+car.start();
|
|
|
+ </code>
|
|
|
+
|
|
|
+ <h2>Constructor</h2>
|
|
|
+
|
|
|
+ <h3>[name]()</h3>
|
|
|
+ <div>
|
|
|
+ Creates EventDispatcher object.
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <h2>Methods</h2>
|
|
|
+
|
|
|
+ <h3>[method:null addEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
+ <div>
|
|
|
+ type - The type of event to listen to.<br />
|
|
|
+ listener - The function that gets called when the event is fired.
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ Adds a listener to an event type.
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3>[method:Boolean hasEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
+ <div>
|
|
|
+ type - The type of event to listen to.<br />
|
|
|
+ listener - The function that gets called when the event is fired.
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ Checks if listener is added to an event type.
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3>[method:null removeEventListener]( [page:String type], [page:Function listener] )</h3>
|
|
|
+ <div>
|
|
|
+ type - The type of the listener that gets removed.<br />
|
|
|
+ listener - The listener function that gets removed.
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ Removes a listener from an event type.
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3>[method:null dispatchEvent]( [page:object event] )</h3>
|
|
|
+ <div>
|
|
|
+ event - The event that gets fired.
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ Fire an event type.
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <h2>Source</h2>
|
|
|
+
|
|
|
+ [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
|
|
|
+ </body>
|
|
|
+</html>
|
Magnuz Binder