/*在浏览器中只有拥有焦点的控件才可以获得键盘事件,如果当前页面没有元素获得焦点,则键盘事件发生在window与document上。
    【1】由于canvas是一个无法获得焦点的元素,所以它的所有键盘事件全要加在window或document上。
    【2】但canvas可以接收鼠标事件。
    【3】在处理事件时注意preventDefault()方法
*/

/*键盘事件:
    【1】keydown; 【2】keypress; 【3】keyup; 如果激发down事件的那个按键可以打印出某个字符,那么将会在触发up事件前先产生press事件。如果在一段时间内持续按住某个按键,则会一直触发press事件。
*/
canvas.onmousedown = function (e) { 
   var x = e.x || e.clientX,
       y = e.y || e.clientY;

	e.preventDefault();
   rubberbandStart(x, y);
};