JavaScriptのイベント

ユーザーのクリック動作(クリック)やブラウザのリロードなど、様々なイベントをイベントハンドラを使い動作検出し、JavaScriptでなにか処理を加えることができる。

イベント一覧
onclick 関数呼び出し
dblclick addEventListener
///////////////////////////
// イベント
/////////////////////////// 
●イベント取得は、「addEventListener」で取得するか
 window.addEventListener('onerror', function(){
 alert('エラー'); }, false);

●タグに挿入するか    
 <div onclick="alert('クリックしました')"></div>

●Windowオブジェクトに登録
 window.onresize = function(event){
   console.log('Height:' +event.currentTarget.outerHeight);
   console.log('Width:' +event.currentTarget.outerWidth);
 }

● JavaScriptイベントリスト
 http://help.dottoro.com/larrqqck.php



// 対象のクリック時に関数を呼び出す
    <div onclick="on1()">onclick 関数呼び出し</div>
    <script>
        function on1(){
            // クリックされた時の処理
            alert('クリックされました');
        }
    </script>

// addEventListenerで対象を監視
    <div id="dbc">dblclick addEventListener</div>
    <script>
        var elm = document.getElementById('dbc');

        elm.addEventListener('dblclick', function(){
            alert('ダブルクリックされました');
        }, false);
    </script>
 

お得なイベントチケットの配布や、Web制作に関係する情報を発信中


http://line.me/ti/p/@gkv8736o