Кросбраузерності події.

Відео: Основи jаvascript 23 - крос браузерні події

Відео: 19 jаvascript Fundamentals 101 Events Cross Browser Event Handling

Привіт всім! Сьогодні я хочу привести вам кросбраузерності спосіб задати події. Він буде сам перевіряти, який браузер, і викликати потрібний метод.

var events ={ 
 add:function(element, tp, func){ 
if(typeof addEventListener !==`Undefined`){ 
 element.addEventListener(tp, func,false) - 
}elseif(typeof attachEvent !==`Undefined`){ 
 element.attachEvent(`On`+ tp, func) - 
}else{ 
 element[`On`+ tp]= func- 
} 
}, 
 
default:function(e){ 
if(typeof e.preventDefault !==`Undefined`){ 
 e.preventDefault() - 
}else{ 
 e.returnValue =false- 
} 
}, 
 
 remove:function(element, tp, func){ 
if(typeof removeEventListener !==`Undefined`){ 
 element.removeEventListener(tp, func,false) - 
}elseif(typeof detachEvent !==`Undefined`){ 
 element.detachEvent(`On`+ tp, func) - 
}else{ 
 element[`On`+ tp]=null- 
} 
} 
} -

Усе! Наш об`єкт готовий до роботи. Використовувати його дуже просто.

Відео: 19 Cross Browser Event Handling

href="Yandex.ru"id="Link"gt;Кликни!

Використовуйте цей об`єкт в своїх проектах, щоб ваші події завжди були кросбраузерності -)

Поділися в соціальних мережах:

Схожі