Mega Code Archive
Establishing event handlers with the DOM Level 2 Model
<![CDATA[
< html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
var element = $('#my')[0];
element.addEventListener('click',function(event) {
say('once!');
},false);
element.addEventListener('click',function(event) {
say('twice!');
},false);
element.addEventListener('click',function(event) {
say('three times!');
},false);
});
function say(text) {
$('#console').append('<div>'+text+'</div>');
}
});
</script>
<style>
div { margin:3px; width:50px; position:absolute;
height:50px; left:10px; top:30px;
background-color:yellow; }
div.red { background-color:red; }
</style>
</head>
<body>
<body>
<img id="my" src="my.jpg"/>
<div id="console"></div>
</body>
</html>
]]>