的onclick屬性輸入用JavaScript

Question

我創建一個用戶輸入的事件之一地址：

var throwConnectBox = function() { 
    chat_box = document.getElementById('box'); 
    div = window.parent.document.createElement('div'); 
    input = window.parent.document.createElement('input'); 
    input.type = "submit"; 
    input.value = "Join chat"; 
    input.onclick = "conn.send('$connect\r\n');"; 
    div.appendChild(input); 
    chat_box.appendChild(div); 
} 

...但所產生的輸入沒有的onclick屬性。我試圖用

input.onclick = conn.send('$connect\r\n'); 

......相反，但沒有工作。我究竟做錯了什麼？

Answer 1

試試這個：

input.onclick = function() { conn.send('$connect\r\n'); }; 

史蒂夫

Answer 2

我想你可能會想逃離\ r \ n，如果你打算通過這些...

conn.send('$connect\\r\\n') 

我不不太明白你的onclick處理程序試圖實現什麼...

Answer 3

這裏有一條線路出現問題;我已經爲您糾正它：

var throwConnectBox = function() { 
    chat_box = document.getElementById('box'); 
    div = window.parent.document.createElement('div'); 
    input = window.parent.document.createElement('input'); 
    input.type = "submit"; 
    input.value = "Join chat"; 
    /* this line is incorrect, surely you don't want to create a string? */ 
    // input.onclick = "conn.send('$connect\r\n');";? 
    input.onclick = function() { 
     conn.send('$connect\r\n'); 
    }; 
    div.appendChild(input); 
    chat_box.appendChild(div); 
} 

這是否更有意義？

Answer 4

這也是爲什麼我決定使用jQuery的原因之一：

$('<input type="submit" value="Join chat" />') 
     .click(function() { conn.send('$connect\r\n'); }) 
     .appendTo('<div></div>') 
     .appendTo('#box');