アクション

トップ > 逆引きリファレンス > アクション

マウスをクリックした時○○するには

ボタンや文字をクリックした時に JavaScript のアクションを実行するには、onclick を用います。

<form action="#">
<input type="button" value="Click me!" onclick="alert('OK')">
</form>

<div onclick="alert('OK')">Click me!</div>

マウスを乗せた時に○○するには

マウスを乗せた時に JavaScript のアクションを実行するには onmouseover、マウスを離したときに実行するには onmouseout を用います。

<a href="xx.htm" onmouseover="alert('IN')">☆☆</a>
<a href="xx.htm" onmouseout="alert('OUT')">☆☆</a>

参考:「リンクにマウスを乗せたときに色を変えるには

ページを開いたときに○○するには

ページを開いたときに JavaScript のアクションを実行するには <script> を用います。

<script type="text/javascript">
<!--
alert("Welcome my homepage!!");
// -->
</script>

アクションを関数として用意しておいて、<body> の onload から呼び出す方法もあります。こうすると、ページをすべて読み終わった後でアクションが実行されるため、ページ内で定義した <form name="f1">~</form> などのオブジェクトに確実にアクセスできるようになります。

<html>
<head>
<title>テスト</title>
<script type="text/javascript">
<!--
function welcome() {
  alert("Welcome to my homepage!!");
}
// -->
</script>
</head>
<body onload="welcome()">
 :
</body>
</html>

定期的に○○するには

一定時間毎に JavaScript のアクションを実行するには、setTimeout() を用います。下記の例では、3000ミリ秒(3秒)毎に、Hello!! というアラーとダイアログを表示します。

<script type="text/javascript">
<!--
function akushon() {
  alert("Hello!!");
  setTimeout("akushon()", 3000);
}
akushon();
// -->
</script>

Copyright (C) 2003 杜甫々
初版: 2003年10月17日、最終更新:2003年10月25日
http://www.tohoho-web.com/how2/action.htm