javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> <!-- window.onload = function() { Event.observe('sample', 'click', handler); // イベントを監視 // click 以外に次のイベントがハンドリング可能 // blur(フォーカスを失った) // change(変更があった) // click(クリックされた) // dblclick(ダブルクリックされた) // error(エラーがあった) // focus(フォーカスされた) // keydown(キーがダウンされた) // keypress(キーが押された) // keyup(キーがアップされた) // load(読み込まれた) // mousedown(マウスダウンされた) // mousemove(マウスが動いた) // mouseout(マウスが外れた) // mouseover(マウスオーバーした) // mouseup(マウスがアップされた) // reset(リセットされた) // submit(サブミットされた) // unload(アンロードされた) } function handler(e) { alert('クリックされました'); } //--> </script> <body> <p id="container"> <div id="sample" class="sample" style="background-color:red;height:300px;">クリック!</div> </p> </body>
スクリプト実行結果が表示されます。