Définition d'un événement avec DOM javascript

Question

J'essaie de définir un événement en JavaScript mais cela ne fonctionne pas vraiment. Je suis sûr que je le fais aussi correctement.

// in index.htm: 
function foo() { 
    // Load gets code from a php file via ajax 
    document.getElementById('div').innerHTML = load('phppage.php'); 
    document.getElementById('element').onClick = func; 
} 

// in lib.js: 
function func() { alert('Working'); } 

Malheureusement ... il alerte jamais 'de travail'. J'ai Google Chrome et j'ai même inspecté l'élément dans les outils de développement et a constaté que la propriété onClick était en fait func() ... Je ne comprends pas pourquoi cela ne fonctionnera pas.

J'ai un usage intensif d'ajax. L'élément « élément » est en fait chargé avec ajax

Answer 1

Essayez de changer à « onclick »

Answer 2

Je pense que la propriété onclick est en minuscule. Toutefois, vous devez utiliser des méthodes de fixation d'événement.

element.addEventListener('click',func); 

(et attachEvent pour Internet Explorer)

Answer 3

Bien sûr, il y a beaucoup de cadres là-bas pour traiter les questions transversales de navigateur pour ce faire, tels que:

ExtJS

JQuery

Answer 4

Attributs HTMLne sont pas, mais propriétés javascriptsontsensible à la casse. Vous devez utiliser onclick pour définir le gestionnaire d'événements.