Установка события с помощью DOM javascript

Question

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

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

К сожалению ... он никогда не предупреждает "Работает". У меня есть Google Chrome, и я даже проверил элемент в инструментах разработчика и обнаружил, что свойство onClick было действительно func() ... Я не понимаю, почему это не сработает.

Я широко использую AJAX. Элемент 'element' фактически загружен ajax

Answer 1

Попробуйте изменить его на "onclick"

Answer 2

Атрибуты HTML не , но свойства javascript с учетом регистра . Вам нужно использовать onclick для установки обработчика событий.

Answer 3

Конечно, существует множество платформ для решения кросс-браузерных задач, таких как:

ExtJS

JQuery

Answer 4

Я думаю, что свойство onclick является строчным. Однако вы должны использовать методы присоединения к событиям.

element.addEventListener('click',func);

(и attachEvent для Internet Explorer)