通過點擊一個按鈕

Question

有了這個移除子JS代碼：

var prompter = (function(){ 
    var prompt = document.createElement('div'); 
    /* prompt-related stuff */ 

    var closeBtn = document.createElement('button'); 
    /* closeBtn stuff */ 

    prompt.appendChild(closeBtn); 

    this.html = prompt; 

    this.show = (function(){ 
     document.body.appendChild(this.html); 
    }); 

    this.close = (function(){ 
     document.body.removeChild(this.html); 
    }); 
}); 

如果我做

var p = new prompter(); 
    p.show(); 

它確實表明了提詞，如果我做p.close();消失。

但我想要的是，通過點擊closeBtn它確實關閉。我有想到在提示中添加一個id，然後將屬性onclick添加到按鈕，然後通過id執行那些操作，但看起來確實很醜陋...

Answer 1

您需要將事件偵聽器添加到您所做的按鈕：

closeBtn.addEventListener("click", this.close.bind(this));