Добавить 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

Я думаю, что вы можете захотеть, чтобы избежать \ г \ п, если вы намерены передать эти ...

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

Я надеваю 't совершенно вижу, что ваш обработчик 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');