andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 583

Browse Source
This commit is contained in:
30secondsofcode
2018-10-03 09:34:17 +00:00
parent 3aa23e10f2
commit 25d93ab6ad
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -4153,8 +4153,8 @@ Use `el.dispatchEvent()` to trigger the newly created event on the given element
Omit the third argument, `detail`, if you do not want to pass custom data to the triggered event.
```js
const triggerEvent = (el, eventType, detail = undefined) =>
el.dispatchEvent(new CustomEvent(eventType, { detail: detail }));
const triggerEvent = (el, eventType, detail) =>
el.dispatchEvent(new CustomEvent(eventType, { detail }));
```
<details>

4
docs/browser.html
View File

@ -367,8 +367,8 @@ recorder<span class="token punctuation">.</span><span class="token function">sta
<span class="token function">smoothScroll</span><span class="token punctuation">(</span><span class="token string">'.fooBar'</span><span class="token punctuation">);</span> <span class="token comment">// scrolls smoothly to the first element with a class of fooBar</span>
</pre></div><div class="card code-card"><div class="corner beginner"></div><div class="section card-content"><h4 id="toggleclass">toggleClass</h4><p>Toggle a class for an element.</p><p>Use <code>element.classList.toggle()</code> to toggle the specified class for the element.</p></div><div class="copy-button-container"><button class="copy-button" aria-label="Copy to clipboard"></button></div><pre class="section card-code language-js"><span class="token keyword">const</span> <span class="token function-variable function">toggleClass</span> <span class="token operator">=</span> <span class="token punctuation">(</span>el<span class="token punctuation">,</span> className<span class="token punctuation">)</span> <span class="token operator">=></span> el<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">toggle</span><span class="token punctuation">(</span>className<span class="token punctuation">);</span>
</pre><label class="collapse">examples</label><pre class="section card-examples language-js"><span class="token function">toggleClass</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'p.special'</span><span class="token punctuation">),</span> <span class="token string">'special'</span><span class="token punctuation">);</span> <span class="token comment">// The paragraph will not have the 'special' class anymore</span>
</pre></div><div class="card code-card"><div class="corner intermediate"></div><div class="section card-content"><h4 id="triggerevent">triggerEvent</h4><p>Triggers a specific event on a given element, optionally passing custom data.</p><p>Use <code>new CustomEvent()</code> to create an event from the specified <code>eventType</code> and details. Use <code>el.dispatchEvent()</code> to trigger the newly created event on the given element. Omit the third argument, <code>detail</code>, if you do not want to pass custom data to the triggered event.</p></div><div class="copy-button-container"><button class="copy-button" aria-label="Copy to clipboard"></button></div><pre class="section card-code language-js"><span class="token keyword">const</span> <span class="token function-variable function">triggerEvent</span> <span class="token operator">=</span> <span class="token punctuation">(</span>el<span class="token punctuation">,</span> eventType<span class="token punctuation">,</span> detail <span class="token operator">=</span> undefined<span class="token punctuation">)</span> <span class="token operator">=></span>
el<span class="token punctuation">.</span><span class="token function">dispatchEvent</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">CustomEvent</span><span class="token punctuation">(</span>eventType<span class="token punctuation">, {</span> detail<span class="token punctuation">:</span> detail <span class="token punctuation">}));</span>
</pre></div><div class="card code-card"><div class="corner intermediate"></div><div class="section card-content"><h4 id="triggerevent">triggerEvent</h4><p>Triggers a specific event on a given element, optionally passing custom data.</p><p>Use <code>new CustomEvent()</code> to create an event from the specified <code>eventType</code> and details. Use <code>el.dispatchEvent()</code> to trigger the newly created event on the given element. Omit the third argument, <code>detail</code>, if you do not want to pass custom data to the triggered event.</p></div><div class="copy-button-container"><button class="copy-button" aria-label="Copy to clipboard"></button></div><pre class="section card-code language-js"><span class="token keyword">const</span> <span class="token function-variable function">triggerEvent</span> <span class="token operator">=</span> <span class="token punctuation">(</span>el<span class="token punctuation">,</span> eventType<span class="token punctuation">,</span> detail<span class="token punctuation">)</span> <span class="token operator">=></span>
el<span class="token punctuation">.</span><span class="token function">dispatchEvent</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">CustomEvent</span><span class="token punctuation">(</span>eventType<span class="token punctuation">, {</span> detail <span class="token punctuation">}));</span>
</pre><label class="collapse">examples</label><pre class="section card-examples language-js"><span class="token function">triggerEvent</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'myId'</span><span class="token punctuation">),</span> <span class="token string">'click'</span><span class="token punctuation">);</span>
<span class="token function">triggerEvent</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'myId'</span><span class="token punctuation">),</span> <span class="token string">'click'</span><span class="token punctuation">, {</span> username<span class="token punctuation">:</span> <span class="token string">'bob'</span> <span class="token punctuation">});</span>
</pre></div><div class="card code-card"><div class="corner intermediate"></div><div class="section card-content"><h4 id="uuidgeneratorbrowser">UUIDGeneratorBrowser</h4><p>Generates a UUID in a browser.</p><p>Use <code>crypto</code> API to generate a UUID, compliant with <a href="https://www.ietf.org/rfc/rfc4122.txt">RFC4122</a> version 4.</p></div><div class="copy-button-container"><button class="copy-button" aria-label="Copy to clipboard"></button></div><pre class="section card-code language-js"><span class="token keyword">const</span> <span class="token function-variable function">UUIDGeneratorBrowser</span> <span class="token operator">=</span> <span class="token punctuation">()</span> <span class="token operator">=></span>