説明
【事件屬性】
設定事件時,不使用事件綁定(addEventListener)
而將事件直接寫在tag的on事件屬性裡面
this的用法
- ATTR的括弧裡面要寫this(要寫完整的this,不能任意命名)
- function內要放第一個變數,變數名稱自定義,不能用this
.element(onclick="getAction(this)") click me
function getAction(th){
console.log(th);
}
//"<div class='element' onclick='getAction(this)'>click me</div>"
※注意
如果在function裡面直接用this,會變成叫出window (global)
.element(onclick="getAction(this)") click me
function getAction(th){
console.log(this);
}
//Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
event的用法
- function內直接用event就好
.element(onclick="getAction()") click me
function getAction(m){
console.log(event);
}
//MouseEvent {isTrusted: true, screenX: 47, screenY: 162, clientX: 47, clientY: 65, …}