Ajouter une propriété onclick entrée avec JavaScript

Question

Je crée une entrée utilisateur à l'un des événements:

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); 
} 

... mais l'entrée résultant ne pas onclick propriété. J'ai essayé d'utiliser

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

... à la place, mais ne fonctionnait pas non plus. Qu'est-ce que je fais mal?

Answer 1

Essayez ceci:

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

Steve

Answer 2

Je pense que vous pouvez échapper à la \ r \ n, si vous avez l'intention de les transmettre ...

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

Je don Ne voyez pas ce que votre gestionnaire onclick essaie de réaliser ...

Answer 3

Il y a un problème avec l'une de vos lignes ici; Je l'ai corrigé pour vous:

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); 
} 

Est-ce que cela a plus de sens?

Answer 4

C'est l'une des raisons pour lesquelles je l'ai décidé d'utiliser jQuery:

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