/*在浏览器中只有拥有焦点的控件才可以获得键盘事件,如果当前页面没有元素获得焦点,则键盘事件发生在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);
};
canvas事件4
原创
©著作权归作者所有:来自51CTO博客作者生而为人我很遗憾的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:坐标查看器3
下一篇:简单的边界碰撞检测5

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
canvas基础4
canvas基础4
canvas -
Canvas 入门4 鼠标事件综合应用 橡皮筋选取框
本系列文章接下来部分学习资源来自《HTML5 Canvas核心技术 图形、动画与游戏开发》示例 橡皮筋式线条
html5 鼠标 应用 canvas ide -
Canvas 入门3 Click事件处理
传统的DOM的事件处理机制在Canvas里并不适应.Canvas是一个整体,无法给里面的某个图形增加Javascrip
javascript canvas 2d 重绘 事件对象 -
Fabricjs对Canvas画布和对象的事件监听
场景Fabricjs一个简单强大的Canvas绘图库快速入门:Fabricjs一个简单强大的Canva
fabric 监听事件 事件监听 鼠标移动