if you can use jQuery, then this will help: <div id=”divA” style=”width:100px;height:100px;clear:both;”></div> <span></span><span></span> <script> $(“#divA”).mousemove(function(e){ var pageCoords = “( ” + e.pageX + “, ” + e.pageY + ” )”; var clientCoords = “( ” + e.clientX + “, ” + e.clientY + ” )”; $(“span:first”).text(“( e.pageX, e.pageY ) – ” + pageCoords); $(“span:last”).text(“( e.clientX, … Read more
If your target isn’t Opera 9 or lower and IE 9 or lower you can use css attribute pointer-events: none. I found it the best way just to ignore iframe. I add class with this attribute to iframe in onMouseDown event and remove in onMouseUp event. Works perfect for me.
You should use “beginPath()“. That is it. function lineDraw() { var canvas=document.getElementById(“myCanvas”); var context=canvas.getContext(“2d”); context.clearRect(0, 0, context.width,context.height); context.beginPath();//ADD THIS LINE!<<<<<<<<<<<<< context.moveTo(0,0); context.lineTo(event.clientX,event.clientY); context.stroke(); }