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); // イベントを監視 Event.observe('container', 'click', handler2); // イベントを監視 } function handler(e) { alert('sampleのクリックイベント'); Event.stop(e); // stopすることで container のクリックイベントは呼ばれない } function handler2(e) { alert('containerのクリックイベント'); // Event.stopされているので呼ばれない } //--> </script> <body> <div id="container"> <div id="sample" class="sample" style="background-color:red;height:300px;">クリック！</div> </div> </body>
スクリプト実行結果が表示されます。
