已解決430363個問題，去搜搜看，總會有你想問的

`this` 沒有正確綁定

首頁猿問 `this` 沒有正確綁定

`this` 沒有正確綁定

JavaScript

斯蒂芬大帝 2023-03-03 16:10:13

deleteSong.onclick = (this)=>{ this.removeWidget(this) }removeWidget(this)我在這里想要的是要綁定到 HTMLElement“ this”的“this”參數，而不是我的類“this”班級：class Collection{createElements(){ let deleteSong = document.createElement('button'); deleteSong.className += 'delete-song'; deleteSong.setAttribute('type', 'button'); deleteSong.onclick = (this)=>{ this.removeWidget(this) } deleteSong.innerHTML = '✕'; }}為了更清楚，我正在嘗試實現類似<button onclick="myFunction(this)">Click me</button>. 'this' 將返回 HTMLElement 對象的位置

查看完整描述

2 回答

DIEA

TA貢獻1820條經驗獲得超2個贊

你的主要問題是你把this你的函數參數放在里面，因此重新定義this. 只需將其更改為其他內容，這樣當您真正的意思this是this.

該事件將在回調中onclick傳遞給您。event要訪問實際元素，您需要使用event.target

例子：

class Collection {

createElements() {

let deleteSong = document.createElement('button');

deleteSong.className += 'delete-song';

deleteSong.setAttribute('type', 'button');

deleteSong.onclick = (e) => { // <- dont use 'this' here.

this.removeWidget(e.target) // e.target is the html element

}

deleteSong.innerHTML = '✕';

document.getElementById('container').append(deleteSong); // append element

}

removeWidget(el) {

console.log(el);

}

const c = new Collection();

c.createElements();

反對回復 2023-03-03

Qyouu

TA貢獻1786條經驗獲得超11個贊

只需將event作為參數而不是this關鍵字傳遞。像這樣的東西會給你所需的元素。

HTML:

<button onclick="myFunction(event)">Click me</button>

JS/TS文件

deleteSong.onclick = (event)=>{ this.removeWidget(event.target) }

反對回復 2023-03-03

2 回答
0 關注
147 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

`this` 沒有正確綁定

`this` 沒有正確綁定

2 回答

添加回答