<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">onclick</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">バブル : あり、キャンセル可能 : あり</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>ユーザーがマウスをクリックするか、相当するアクションを行うと発生します。クリックに相当するアクションとは、フォーカスを取得できる要素 (多くのブラウザではボタンおよびリンク) にフォーカスがあるときに <span class="emphasis">Enter</span> キーを押すか、場合によってはスペースバーを押すことを指します。<span class="literal">accesskey</span> 属性をサポートしている新しいブラウザでは、アクセスキーの組み合わせを押してもクリックに相当するアクションが発生します。
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>マウスクリックアクションでは、<span class="literal">onclick</span> イベントは、マウスボタンが押され、ポインタがボタンを押したときと同じ要素の上にある状態でボタンが離されるときにのみ発生します。このとき、主なマウス関連イベントが <span class="literal">onmousedown</span>、<span class="literal">onmouseup</span>、および <span class="literal">onclick</span> の順に発生します。
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>マウス関連イベントにより生成された <span class="literal">event</span> オブジェクトの多くのプロパティには、クリックの座標、イベント発生時の修飾キーの押下状態などの詳細な情報が格納されます。しかし、使用されたボタンの情報は、<span class="literal">onmousedown</span> イベントまたは <span class="literal">onmouseup</span> イベントのほうが確実に取得できます。必要に応じて、イベントハンドラーでこれらのプロパティを調べます。
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">onclick</span> イベントは、スクリプト可能ブラウザの初期のバージョンから、ボタンを使用したフォームコントロールおよびリンクオブジェクトでサポートされています。ただし、最近のブラウザでは、ほぼすべての表示要素でこのイベントを呼び出すことができます。Netscape 6 では、マウス関連イベントがコンテナタイプの要素の子テキストノードで発生します。このため、<span class="literal">event</span> オブジェクトの <span class="literal">target</span> プロパティは、要素ではなくノードを参照しています。この W3C DOM 標準の動作による影響と、ブラウザ間の違いを吸収するための解決策については、第 6 章を参照してください。
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">代表的なターゲット</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>全ブラウザでは <span class="literal">input</span> (<span class="literal">button</span>、<span class="literal">radio</span>、<span class="literal">checkbox</span>、<span class="literal">reset</span>、および <span class="literal">submit</span> の各タイプ)、<span class="literal">a</span>、ならびに <span class="literal">area</span> の各オブジェクト。IE および Navigator の Version 4 以降では、<span class="literal">document</span> オブジェクトおよび <span class="literal">window</span> オブジェクト。この他、IE 4 以降および Netscape 6 ではすべての表示要素と Netscape 6 ではテキストノード。
</p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div>
</body>
</html>