プログラミング学習の記録 125 イベントハンドラとalert,open()

イベントハンドラのonclick,dblclick,onkeydown,onmousedownを利用してそれぞれalertとopen()で開いたwindowにそのイベントハンドラの名前を表示してみる。

alert <br />
<input type="Button" value="クリック!" onclick="clicked('onclick')">
<br />
<input type="Button" value="ダブルクリック!" ondblclick="clicked('dblclick')">
<br />
<input type="text" value="キーを押す!" onkeydown="clicked('onkeydown')">
<br />
<input type="text" value="マウスを押す!" onmousedown="clicked('onmousedown')">
<script language="JavaScript">
  function clicked(str){
    alert(str);
  }
</script>
<br /><br />
window<br />
<input type="Button" value="クリック!" onclick="clicked1('onclick')">
<br />
<input type="Button" value="ダブルクリック!" ondblclick="clicked1('dblclick')">
<br />
<input type="text" value="キーを押す!" onkeydown="clicked1('onkeydown')">
<br />
<input type="text" value="マウスを押す!" onmousedown="clicked1('onmousedown')">
<script language="JavaScript">
  var win;
  function clicked1(str){
    win=window.open("","MyDialog","width=300,height=600");
  win.document.write("<head><title>New Window</title></head><html><body><br />");
  win.document.write(str);
  win.document.write("</body></html>");
  }
</script>

alert

window

Kamimura's blog

2010年3月9日火曜日

プログラミング学習の記録 125 イベントハンドラとalert,open()

0 コメント:

コメントを投稿