Capítulo 16

Eventos - Propriedades button

JavaScript

<script type="text/javascript">
var EventUtil = {
	getEvent: function(event) {
		return event ? event : window.event;
	},
	getButton: function(event) {
		if(document.implementation.hasFeature("MouseEvents", "2.0")) {
			return event.button;
		} else {
		switch(event.button) {
		case 0:
		case 1:
		case 3:
		case 5:
		case 7:
			return 0;
		case 2:
		case 6:
			return 2;
		case 4:
			return 1;
		}
		}
	}
}
window.onload = function() {	
	var demo = document.getElementById("demo")
	demo.onmousedown = function(event) {
	var event = EventUtil.getEvent(event);
	alert(EventUtil.getButton(event))
	}
}
</script>

HTML

...
<div id="demo">Clique com os três botões do mouse dentro desse DIV (um de cada vez)</div>
...

Arquivos exemplo: « anterior | próximo »