[1일1js] GlobalEventHandlers.onclick

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick

https://github.com/2taesung/JSOfficialDoc

GlobalEventHandlers.onclick

mixin 의 onclick속성은 주어진 요소에서 이벤트 를 처리하기 위한 이벤트 핸들러 입니다 .GlobalEventHandlers
=> 다양한 이벤트 핸들러들(ex, onclick)이 GlobalEventHandlers믹스인에 정의 되어있고 HTMLElement, Document, Window 등에서 불러와 활용할 수 있다.

통사론

target.onclick = functionRef;

functionRef함수 이름 또는 함수 표현식 입니다. 함수는 MouseEvent객체를 유일한 인수로 받습니다 . 함수 내에서도 바인딩된 this객체가 onclick됩니다(이 역시 일치함 event.currentTarget).

=> 바인딩된 this객체 이야기는 나중에 this를 배우면서 더 정확히

    function changeColor(demo) {

      // console.log(demo)
      demo.style.backgroundColor = 'red'
    }
    let demo = document.getElementById("demo")
    // demo.addEventListener("click", changeColor(demo))
    demo.onclick = function() {
      changeColor(demo)
    }

클릭 좌표 얻기

e.clientX ?

좋은 웹페이지 즐겨찾기