[1日1 js]グローバルEventHandlersonclick
2518 ワード
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick
https://github.com/2taesung/JSOfficialDoc
GlobalEventHandlers.onclick
https://github.com/2taesung/JSOfficialDoc
GlobalEventHandlers.onclick
mixinのonclickプロパティは、所与の要素でイベントを処理するためのイベントハンドラです.GlobalEventHandlers
=>各イベントハンドル(ex,onclick)はGlobalEventHandlers混入で定義され、HTML Element、Document、Windowからロードおよび使用できます.
通史論
値段
target.onclick = functionRef;
functionRef関数名または関数式.関数は、MouseEventオブジェクトを固有の引数として受信します.関数にバインドされているこのオブジェクトも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 ?
Reference
この問題について([1日1 js]グローバルEventHandlersonclick), 我々は、より多くの情報をここで見つけました
https://velog.io/@2taesung/1일1js-GlobalEventHandlers.onclick
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
target.onclick = functionRef;
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)
}
Reference
この問題について([1日1 js]グローバルEventHandlersonclick), 我々は、より多くの情報をここで見つけました https://velog.io/@2taesung/1일1js-GlobalEventHandlers.onclickテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol