Javascriptで、使われるイベント・ハンドラーは以下の通り。
onblur() : フォームがフォーカスを失ったら実行
onchange() : フォームの内容が変更され、フォーカスを失ったら実行
onfocus() : フォームをフォーカスしたら実行
onclick() : クリックされたら実行
ondblclick() : ダブルクリックされたら実行
onload() : ページがロードされたら実行
onunload() : ページがアンロードされた時に実行
onresize() : ページのサイズが変更された時に実行
onabort() : 画像の読み込みを中断した時に実行
onerror() : 画像読み込み時にエラーが発生した時に実行
onmouseover() : マウスカーソルが重なったら実行
onmouseout() : マウスカーソルが離れたら実行
onmousemove() : マウスカーソルが動かされたら実行
onmousedown() : マウスのボタンが押された時に実行
onmouseup() : マウスのボタンを押して離した時に実行
onselect() : フォーム内でテキストが選択されたら実行
onsubmit() : サブミットされた時に実行
onrest() : 取り消された(リセットされた)時に実行
onkeydown() : キーボードのキーが押された時に実行
onkeypress() : キーボードのキーが押されている時に実行
onkeyup() : キーボードのキーが押されて離した時に実行
ondragdrop() : ドラッグ＆ドロップした時に実行
1. Form(基本）
<body>
<form>
<input type="button" value="Touch me!" onclick="alert(' Hey, Now! ');">
</form>
</body>
<form>
<input type="button" value="Touch me!" onclick="alert(' Hey, Now! ');">
</form>
</body>
2. Input Text Fieldで、Enter キーが押されることに対する対処
以下の関数で、Enter Keyが押された場合に特定の処理を実行させることが可能
<form action="#">
<input type="text" name="txt" onkeypress="handle(event)" />
</form>
<script> function handle(e){
if(e.keyCode === 13){ e.preventDefault(); // Ensure it is only this code that rusn
alert("Enter was pressed was presses"); }
}
</script>
<input type="text" name="txt" onkeypress="handle(event)" />
</form>
<script> function handle(e){
if(e.keyCode === 13){ e.preventDefault(); // Ensure it is only this code that rusn
alert("Enter was pressed was presses"); }
}
</script>
onClickと同様に<a href></a>リンクで、function を呼び出す方法もある。
例）
<a href="javascript:test();">関数</a>
< a href="javascript:void();" onclick="test();">関数</a>
参考）
https://stackoverflow.com/questions/13987300/how-to-capture-enter-key-press-of
0 件のコメント:
コメントを投稿