無法添加行爲動態在JavaScript

Question

創建按鈕，我在動態創建JavaScript的一個按鈕，我不能設置該按鈕的動作..

var but = document.createElement("input"); 
but.type = "button" 
but.value = "NewButton"; 
but.onClick = check(); 
var newElement = document.getElementById("addButton"); //span element id 
newElement.appendChild(but); 

功能「複選框（）」不叫的時候按鈕被點擊

Answer 1

你有2個問題，你的代碼。第一個是事件不是大寫的，第二個是你想把事件分配給函數而不是函數的結果。它應該看起來像：

but.onclick = check; 

這實際上將事件分配給函數的地址，而不是功能的預期效果（這什麼都不做）。

Answer 2

check()執行該函數，並將分配任何函數返回到but.onClick。要將該功能分配給某個事件，請按名稱指定（不包含該父項）。

Answer 3

小CASE onclick：

but.onclick = check(); 

Answer 4

我認爲你這是要指定爲回調onclick事件需要check功能不恢復功能，那麼

but.onclick = check; 

例如案例：

var check = function() { 
    return function(){ 
     /* some logic eg. dependent of arguments 'parent' function' */ 
    } } 
//works 
but.onclick = check('somethingImportant'); 

好的，但有一個問題，如果你想爲這些事件分配幾個回調:) 這會更好，如果你知道約addEventListener/attachEvent

but.addEventListener('click', check,true); 
but.addEventListener('click', check2,true); 

之後如果需要使用removeEventLister或detachEvent來分離功能;

但是 - 嘗試用jQuery :)

var check = function(){/* do something */}; 
     $('#addButton').append(
      $('<input type="button" value="New Button"/>') 
     ).click(check);​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

或

$('#addButton').append( 
      $('<input/>').attr('type', 'button').val('New Button')) 
       .click(function(){ /* do something */ }) ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
    ); 

然後

$('#addButton').unbind( 'click') // unbind('click',check) 

還有更多posibilities玩到這樣做:)