Sunday, August 05, 2007

prototype javascript library event observe example


<div id="d1">
<a href="http://www.google.com" id="a1" target="_blank" onclick="testEvent(event); return false;">www.google.com</a>
<a href="http://www.baidu.com" id="a2" target="_blank">www.baidu.com</a>
<a href="http://www.yahoo.com" id="a3" target="_blank" onclick="alert(this); return false;">www.yahoo.com</a>
</div>
<br/>
<script type="text/javascript" charset="utf-8">
function testEvent(event) {
var e = Event.element(event);
alert(Event.findElement(event, 'div').id);
alert(e.id);
//alert(Event.pointerX(event));
//alert(Event.pointerY(event));
}

/*for(var p in Event){
doc('Event["' + p + '"] = ' + Event[p]);
}*/

var handler = function (e) {
alert(e.which);
Event.stop(e); // prevent pop window to www.baidu.com
};

Event.observe('a2', 'click', handler, true);
Event.stopObserving('a2', 'click', handler, true); // cancel observe , click will pop window to www.baidu.com
</script>

No comments :