Adding example for custom event binding.
This commit is contained in:
parent
0acae19d19
commit
2caac75c62
1 changed files with 16 additions and 0 deletions
16
index.html
16
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,
|
||||
|
|
Loading…
Reference in a new issue