Как присвоить событие объекту через DOM? Допустим, создал я
var tr = document.createElement('tr');
Как мне тегу tr
присвоить событие onclick
?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуtr.onclick = function(){
//do something
}
без setTimeout или window.onload скрипт может не сработать в разных браузерах разных версий.
window.onload = fucntion(){
var tr = document.createElement('tr');
tr.onclick = function(){
//do something
}
}
еще как вариант -
function myFunction() { alert("I was clicked"); } var tr = document.createElement("tr"); tr.onclick = myFunction;
PS: это в JQuery любое событие обычно описывается как element.event(function) но в языка семейства ECMAScript к которому относиться JS - функция это обьект. Это позволяет делать множество всяких вкустностей, как например вот здесь, или даже динамическое построение тела функции. Можно так-же, например, написать так чтобы события динамически переписывались, например:
element.onclick = myFunction; function myFunction() { // тут чтото делаем this.onclick = myAnotherFunction; } function myAnotherFunction() { alert("Теперь при клике будет вызываться эта функция"); }
Ответ на коммент:
Практический смысл в том что вы можете "строить" код в процессе исполнения. Самый примитивный пример это любой переключатель. Но как вы понимаете, тот-же переключатель может быть намного сложнее чем тупо true false.
PS:это возможности языка, вам необязательно их использовать, но, думаю знать об этом никому не помешает..
Добавлять обработчик лучше используя DOM2
, а не DOM0
.
let tr = document.createElement('tr');
tr.addEventListener('click',function()
{
//Some code;
});
DOM2
, но потом понял, что ставлю вас в глупое положение, с общим вопросом "В чём разница?", так как вопрос был изменён. Решил, что лучше удалить ответ полностью и ответить снова. P.S. Надеюсь сейчас вы на зададите аналогичный вопрос. :-)
18 окт 2016 в 12:34
DOM2
- более современный метод, для меня уже одного этого достаточно. 2 DOM0
имеет смысл использовать, только когда мы задаём обработчик через HTML-атрибут, например onclick 3 В случае объявления нового обработчика DOM0, он затрёт старый, в том числе и тот, который был определён через HTML-атрибут. 4 Его нельзя явно удалить.
18 окт 2016 в 12:54