<script>
var clickHandler = function () {
var canvas = document.createElement('canvas');
canvas.width = 9;
canvas.height = 9;
canvas.setAttribute('class', 'canvas')
document.body.appendChild(canvas)
var canvas = document.querySelectorAll("canvas");
for(var i = 0; i < canvas.length; i++){
var ctx = canvas[i].getContext("2d");
ctx.lineWidth = 2;
ctx.strokeStyle = "Green";
ctx.beginPath();
ctx.arc(5, 5, 3, 0, Math.PI * 2, false);
ctx.stroke();
}
};
document.addEventListener('mouseover', clickHandler)
</script>