Event Delegation

by malai

HTML

<div ID="Itemset">
<div onclick="handler(0);">0</div>
<div onclick="handler(1);">1</div>
<div onclick="handler(2);">2</div>
<div onclick="handler(3);">3</div>
<div onclick="handler(4);">4</div>
<div onclick="handler(5);">5</div>
<div onclick="handler(6);">6</div>
<div onclick="handler(7);">7</div>
<div onclick="handler(8);">8</div>
<div onclick="handler(9);">9</div>
</div>

CSS

#Itemset{
  height:500px;
  width:100px;
}

JavaScript

document.getElementById("Itemset").addEventListener("click", function(e) {
        // e.target is the clicked element!
        // If it was a list item
        alert(e.target.textContent);
        var value_data = parseInt(e.target.textContent);
        if(e.target && value_data > -1) {
        	alert(value_data);
						//handler(value_data);
        }
    });