Capítulo 16

Eventos - Propriedades relatedTarget

JavaScript

<script type="text/javascript">
var EventUtil = {
	addHandler: function(element, type, handler) {
		...
		}, 
	getEvent: function(event) {
		...
	},
	getTarget: function(event) {
		...
	},
	getRelatedTarget: function(event) {
		if(event.relatedTarget) {
			return event.relatedTarget;
		} else if (event.toElement) {
			return event.toElement;
		} else if (event.fromElement) {
			return event.fromElement;
		} else {
			return null;
		}
	}
}
window.onload = function() {	
	var para = document.getElementById("para");	
	EventUtil.addHandler(para, "mouseout", function(event) {
	event = EventUtil.getEvent(event);
	var target = EventUtil.getTarget(event);
	var relatedTarget = EventUtil.getRelatedTarget(event);
	alert("O movimento do ponteiro foi do elemento  " + target.nodeName + " para o elemento " + relatedTarget.nodeName )
	})
</script>

HTML

...
<div id="container">
<p id="para">mouseout nesse parágrafo</p>
</div>
...

mouseout nesse parágrafo