이벤트 경과 - Event Object 이벤트 오브젝트 By Pun21

7. 
    a. 事件物件 Event Object

키보드 키코드

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
    <title>事件物件 Event Object</title>
    <script type="text/javascript">
    //alert("hello");
    function init(e){
        var btn = document.getElementById("btn");
        var handler = function(e){
            // 滑鼠坐標位置 clientX,clientY
            alert(e.clientX + "," + e.clientY);
        }
        btn.addEventListener("click",handler);
    }
    /*  想象以上的代碼含義
        1. 使用者點擊了按鈕,出發click事件
        2. 瀏覽器主動收集和事件有關的資訊,並製造出event object 事物事件
            var eventObj = 事物事件
        3. 呼叫已經注冊的時間處理器(事件處理函式)
            handler(eventObj);
    */

    // 注冊鍵盤事件處理器 (取得使用者的按鍵code) 鍵盤keyCode
    document.addEventListener("keydown",function(e){
        alert(e.keyCode);
    });

    </script>
</head>
<body onload = "init();">
    <button id = "btn">florence</button>
</body>
</html>

Reference

이 문제에 관하여(이벤트 경과 - Event Object 이벤트 오브젝트 By Pun21), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/oxiaobaio/items/32a187ada94d8dfa8611

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

이벤트 경과 - Event Object 이벤트 오브젝트 By Pun21

Reference

좋은 웹페이지 즐겨찾기