canvas 在 chrome 中奇怪的问题。。。

<!DOCTYPE HTML><html><body scroll="no">word...<canvas id="myCanvas" width="500" height="500" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas>
我需要的效果是：当在canvas画布上拖动鼠标时[按下鼠标，再移动鼠标]，自定义鼠标样式。
默认的手型样式是“文本选择”。至少兼容谷歌和火狐浏览器。

解决方案 »

  1.   

    <!DOCTYPE HTML><html><body scroll="no">word...<canvas id="myCanvas" width="500" height="500" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas><script type="text/javascript">
    myCanvas.onmousedown =  function(){
    myCanvas.onmousemove = function(){
    myCanvas.style.cursor = 'move';
    }
    return false;
    }
    myCanvas.onmouseout = function(){
    myCanvas.onmousemove = null;
    }
    </script>