[JavaScript / JQuery]event객체 받아오기.

** JavaScript

    <button onclick="a(event)">이벤트 객체</button>

    <script>

        const a = function(param){

            console.log(param);

        }

    </script>

// JavaScript에서는 파라미터로 event를 넘겨주게 되면,

// 현재 해당하는 event에 대한 객체 정보를 얻어올 수 있게 된다.

// 출력 결과

// 또한, this와 함수명으로, 파라미터로 정보를 얻어올 수 있게 된다.

    <button onclick="a(event, this, a)">이벤트 객체</button>

    <script>

        const a = function(param, param2, param3){

            console.log(param);

            console.log(param2);

            console.log(param3);

        }

    </script>

// 출력 결과

** JQuery

    <button>이벤트 객체</button>

    <script>

        $("button").click(function(e){

            console.log(e); // event객체

        })

    </script>

// JQuery에서 종종 매개변수로 e를 전달하고 전달받는 코드를 자주 본 적이 있을것이다.

// JQuery는 이벤트 메소드를 바인딩하게 되면 첫 매개변수로 무조건 event객체가 들어오게 된다.

// 굳이 e를 안써도 된다. a나 원하는 매개변수를 적어도 좋다!

    <button>이벤트 객체</button>

    <script>

        $("button").click(function(a, b, c){

            console.log(a); // event객체 [ 첫 매개변수 이므로 ]

            console.log(b); // undefined

            console.log(c); // undefined

            // JavaScript에서 전달받지 않은 매개변수를 작성하면 오류가 발생하지만

            // JQuery에서는 undefined가 출력된다.

        })

    </script>

// 출력 결과