Adding example for custom event binding.

diff --git a/index.html b/index.html
index 5346e34915f825c69a1d8486790bb839f653f570..0e30911aa42d2782a63fae5c409a641e714bdada 100644 (file)
--- a/index.html
+++ b/index.html
@@ -143,6 +143,18 @@
                                        </section>
                                </section>
 
+                               <section data-state="customevent">
+                                       <h2>Custom Events</h2>
+                                       <p>
+                                               Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
+                                       </p>
+                                       <p><code style="font-size: 27px;">
+                                               document.addEventListener('customevent', function(){<br />
+                                                       alert('event has fired');<br />
+                                               });
+                                       </code></p>
+                               </section>
+
                                <section>
                                        <h2>Clever Quotes</h2>
                                        <p>
@@ -250,6 +262,10 @@
                                query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
                        } );
 
+                       document.addEventListener('customevent', function(){
+                               alert('event has fired');
+                       });
+
                        Reveal.initialize({
                                // Display controls in the bottom right corner
                                controls: true,