Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
e1 output: <span id="e1o"></span><br> e2 output: <span id="e2o"></span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html { font-family: monospace; font-size: 140%; }
CSS
Autoformát
CSS reset
Až na konci
// Zapisovací funkce var $ = function(i,t){document.getElementById(i).innerHTML = t}; // Pomocný objekt s daty var o = { aField: 3, fieldGetter: function(){return o.aField}, }; // Definice eventů var e1 = new CustomEvent('userEvent1', { detail: 8 }); var e2 = new CustomEvent('userEvent2', { detail: o.fieldGetter //nefunguje }); //listenery a spuštění eventů document.addEventListener('userEvent1', function(e){$('e1o', e.detail)}); document.addEventListener('userEvent2', function(e){$('e2o', e.detail)}); // Hodnota není statická o.aField = 15; document.dispatchEvent(e1); document.dispatchEvent(e2);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>