JavaScript学習のEvent対象
2366 ワード
選択:W 3 School
イベントオブジェクト
イベントオブジェクトは、イベントが発生する要素、キーボードボタンの状態、マウスの位置、マウスボタンの状態などのイベントの状態を表します.イベントは通常関数と結合して使用されますが、関数はイベントが発生する前に実行されません.
事件の核心
HTML 4.0の新しい特性の一つは、HTMLイベントをブラウザ内で起動させる行為であり、例えばユーザがあるHTML要素をクリックした時にJavaScriptを起動させる.以下は属性リストです.HTMLタグを挿入してイベントの挙動を定義します.
属性
この事件はいつ…
onabort
画像のロードが中断されました.
onblur
元素が焦点を失う.
オンチャン
ドメインの内容が変更されました.
onclick
ユーザーがオブジェクトをクリックした時に呼び出すイベントのハンドル.
ondblclick
ユーザがオブジェクトをダブルクリックしたときに呼び出すイベントのハンドル.
オーロラ
ドキュメントまたは画像の読み込み中にエラーが発生しました.
onfocus
元素が焦点を得る.
onkeydown
キーボードのキーが押されました.
onkeyress
キーが押されて解除されます.
onkeyup
あるキーが解除されました.
onload
ページまたは画像の読み込みが完了しました.
onmousedown
マウスボタンが押されます.
onmousemove
マウスが移動されます
onmouseup
マウスボタンが解除されました.
onmousout
マウスはある元素から移動します.
onmouseover
マウスをある元素の上に移動します.
オンレス
リセットボタンがクリックされます.
オンスリーゼ
ウィンドウまたは枠をリサイズします.
onselect
テキストが選択されます
onsubmit
確認ボタンがクリックされます.
ワンロード
ユーザがページを終了します.
実例
文字しか入力できません.
イベントオブジェクト
イベントオブジェクトは、イベントが発生する要素、キーボードボタンの状態、マウスの位置、マウスボタンの状態などのイベントの状態を表します.イベントは通常関数と結合して使用されますが、関数はイベントが発生する前に実行されません.
事件の核心
HTML 4.0の新しい特性の一つは、HTMLイベントをブラウザ内で起動させる行為であり、例えばユーザがあるHTML要素をクリックした時にJavaScriptを起動させる.以下は属性リストです.HTMLタグを挿入してイベントの挙動を定義します.
属性
この事件はいつ…
onabort
画像のロードが中断されました.
onblur
元素が焦点を失う.
オンチャン
ドメインの内容が変更されました.
onclick
ユーザーがオブジェクトをクリックした時に呼び出すイベントのハンドル.
ondblclick
ユーザがオブジェクトをダブルクリックしたときに呼び出すイベントのハンドル.
オーロラ
ドキュメントまたは画像の読み込み中にエラーが発生しました.
onfocus
元素が焦点を得る.
onkeydown
キーボードのキーが押されました.
onkeyress
キーが押されて解除されます.
onkeyup
あるキーが解除されました.
onload
ページまたは画像の読み込みが完了しました.
onmousedown
マウスボタンが押されます.
onmousemove
マウスが移動されます
onmouseup
マウスボタンが解除されました.
onmousout
マウスはある元素から移動します.
onmouseover
マウスをある元素の上に移動します.
オンレス
リセットボタンがクリックされます.
オンスリーゼ
ウィンドウまたは枠をリサイズします.
onselect
テキストが選択されます
onsubmit
確認ボタンがクリックされます.
ワンロード
ユーザがページを終了します.
実例
文字しか入力できません.
<script type="text/javascript">
function noNumbers(e) {
var keynum
var keychar
var numcheck
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCharCode(keynum)
numcheck = /\d/
return !numcheck.test(keychar);
}
</script> <body> <!-- return --> <input type="text" id="text" onkeypress="return noNumbers(event)" />
</body>