[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 ?
Author And Source
이 문제에 관하여([1일1js] GlobalEventHandlers.onclick), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@2taesung/1일1js-GlobalEventHandlers.onclick저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)