Capítulo 16

Eventos - Cross-browser

JavaScript

<script type="text/javascript">
	var EventUtil = {		
		addHandler: function(element, type, handler) {
			if(element.addEventListener) {
				element.addEventListener(type, handler, false);
			} else if (element.attachEvent) {
				element.attachEvent("on" + type, handler);
			} else {
				element["on" + type] = handler;
			}
		}, 
		
		removeHandler: function() {
			if(element.removeEventListener) {
				element.removeEventListener(type, handler, false);
			} else if (element.detachEvent) {
				element.detachEvent("on" + type, handler);
			} else {
				element["on" + type] = null;
			}
		}
};	
window.onload = function() {	
	var botao = document.getElementById("btn");	
	var botaoClicado = function() {		
		alert("Botão clicado");
	};	
	EventUtil.addHandler(botao, "click", botaoClicado);
}
</script>

HTML

...
<button id="btn">Clique esse botão</button>
...