<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>イベントテスト</title>
<script language="javascript" type="text/javascript">
//======================================//
// 共通変数 //
//======================================//
var msg; // 表示メッセージ
var b1; // ボタン
//======================================//
// 関数:addListener //
// 内容:リスナー(呼出関数)追加 //
// 種類:共通関数 //
//======================================//
function addListener(elem, eventType, func, cap)
{
if(elem.addEventListener)
{
elem.addEventListener(eventType, func, cap);
}
else if(elem.attachEvent)
{
elem.attachEvent('on' + eventType, func);
}
}
//======================================//
// 関数:setMsg //
// 内容:メッセージ設定 //
// 種類:この例固有関数 //
//======================================//
function setMsg()
{
// メッセージ設定
msg = "正常に実行しました";
// ボタンクリック
b1 = document.getElementById("b1");
addListener(b1, 'click', dispMsg, false);
}
//======================================//
// 関数:dispMsg //
// 内容:メッセージの表示 //
// 種類:この例固有関数 //
//======================================//
function dispMsg()
{
//setumeiの最初の子=テキストの値をmsgにする
document.getElementById("setumei").firstChild.nodeValue = msg;
}
//======================================//
// イベントの設定 //
//======================================//
// 開始時
addListener(window, 'load', setMsg, false);
</script>
<body>
<H1 id="midashi">サンプル</H1>
<P id="setumei">イベントテストです。入力キーが表示されます</p>
<input type="button" name="b1" id="b1" value="テスト開始"/>
</body>
</html>
|