新しく作成された要素でイベントをリッスンできません

Question

新しく作成された要素にイベントを追加できません。 onloadに次のコードが実行されます。 新しい要素が作成された回数について、ページリフレッシュの警告「blah」を表示します。これらの要素はロード後にクリック可能ではありません。 アイデア

for (var S = 0; S < arrInbound[i][3].length; S++){  
    var namesDiv = document.createElement('div'); 
    namesDiv.id = S; 
    namesDiv.draggable = 'true'; 
    namesDiv.contenteditable = 'true'; 
    namesDiv.className = "crewNames"; 
    //namesDiv.ondragstart = 'dragStart(event)'; 
    //namesDiv.onblur = 'updateArr(this)'; 
    namesDiv.onclick = alert("blah"); 
    namesDiv.innerHTML = arrInbound[i][3][S]; 
    tagElRight.appendChild(namesDiv)   
} 

Answer 1

これはこれは、関数呼び出し、namesDiv.onclickある機能割り当て

namesDiv.onclick = function() { alert('a'); } // CORRECT 

あるundefined

namesDiv.onclick = alert('a'); // WRONG 

---

Morのある警告は、fnの結果ですアラート実行結果にonclickを設定するため、電子簡略化した例

var myBar = alert('apple'); //calls alert instantly 
 

 
    var myFoo = function() { 
 
     alert('banana'); 
 
    } 
 

 
    console.log('myBar', myBar); //logs undefined 
 
    console.log('myFoo', myFoo); //logs fn

Answer 2

あなたのonclickのは、関数ではありません。次へお試しください：

namesDiv.onclick = function() {alert("blah")};