JavaScript『イベントハンドラー』
JavaScript 暗記用です
★情報元のサイト様★
「とほほのＷＷＷ入門」http://www.tohoho-web.com/www.htm
「ＭＤＮ」https://developer.mozilla.org/ja/docs/Web/JavaScript
「とほほのＷＷＷ入門」http://www.tohoho-web.com/www.htm
「ＭＤＮ」https://developer.mozilla.org/ja/docs/Web/JavaScript
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 3240 | すごいね！ | 3.2 | 99.0% | 381.1 | 1247 | 12 | 23 | 2026/03/17 |
| 2 | よっぴ | 3105 | すごいね！ | 3.2 | 96.8% | 388.4 | 1247 | 41 | 23 | 2026/03/04 |
| 3 | のゑる | 3021 | すごいね！ | 3.1 | 97.4% | 402.1 | 1247 | 32 | 23 | 2026/03/21 |
| 4 | mikaroko | 2532 | すごいね！ | 2.5 | 99.2% | 488.9 | 1247 | 9 | 23 | 2026/02/19 |
関連タイピング
-
html5暗記用 <>を省いています
プレイ回数1066 英語長文1245打 -
javaやpythonのコードを打つタイピングです
プレイ回数1123 長文60秒 -
JavaScript暗記用です。
プレイ回数3674 英語長文707打 -
css暗記用 テキストの配置･改行･行の高さ装飾などの指定
プレイ回数458 英語長文943打 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数3242 英語長文300秒 -
プレイ回数254 長文英字60秒 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数4614 英語長文120秒 -
公開されている実践的な javascript プログラムです
プレイ回数1047 英語長文2780打
問題文
ふりがな非表示
ふりがな表示
(const img=document.getElementById('img');
img.onabort=()=>alert('load aborted');)
const img=document.getElementById('img');
img.onabort=()=>alert('load aborted');
(const input=document.querySelector('input');
input.onfocus=()=>input.style.background='pink';)
const input=document.querySelector('input');
input.onfocus=()=>input.style.background='pink';
(input.onblur=()=>input.style.background='gray';)
input.onblur=()=>input.style.background='gray';
(input.onkeydown=()=>input.style.background='yellow';)
input.onkeydown=()=>input.style.background='yellow';
(input.onkeyup=()=>input.style.background='lime';)
input.onkeyup=()=>input.style.background='lime';
(const area=document.getElementById('area');
area.oninput=()=>area.style.color='red';)
const area=document.getElementById('area');
area.oninput=()=>area.style.color='red';
(area.onchange=()=>area.style.color='red';)
area.onchange=()=>area.style.color='red';
(const btn=document.getElementById('btn');
btn.onclick=()=>alert('clicked');)
const btn=document.getElementById('btn');
btn.onclick=()=>alert('clicked');
(btn.ondblclick=()=>alert('dblclicked');)
btn.ondblclick=()=>alert('dblclicked');
(const body=document.getElementById('body');
body.onerror=()=>alert('error');)
const body=document.getElementById('body');
body.onerror=()=>alert('error');
(const form=document.querySelector('form');
form.onsubmit=()=>window.confirm('onsubmit');)
const form=document.querySelector('form');
form.onsubmit=()=>window.confirm('onsubmit');
(form.onreset=()=>window.confirm('onreset');)
form.onreset=()=>window.confirm('onreset');
(const box=document.getElementById('box');
box.onmouseover=()=>box.innerHTML+='+over';)
const box=document.getElementById('box');
box.onmouseover=()=>box.innerHTML+='+over';
(box.onmousemove=()=>box.innerHTML+='+move';)
box.onmousemove=()=>box.innerHTML+='+move';
(box.onmousedown=()=>box.innerHTML+='+down';)
box.onmousedown=()=>box.innerHTML+='+down';
(box.onmouseup=()=>box.innerHTML+='+up';)
box.onmouseup=()=>box.innerHTML+='+up';
(box.onmouseout=()=>box.innerHTML+='+out';)
box.onmouseout=()=>box.innerHTML+='+out';
(window.onload=()=>alert('hello');)
window.onload=()=>alert('hello');
(window.onresize=()=>console.log('resize');)
window.onresize=()=>console.log('resize');
(window.onscroll=()=>console.log('scroll');)
window.onscroll=()=>console.log('scroll');
など
(window.onselect=()=>alert('selected');)
window.onselect=()=>alert('selected');
(window.addEventListener('load',()=>alert('OK'));)
window.addEventListener('load',()=>alert('OK'));
(EventTarget.removeEventListener();)
EventTarget.removeEventListener();