给html添加鼠标事件监听事件吗,6.3 为区域附加鼠标事件监听器 - HTML5 Canvas 实战...

本节，我们将进入Events类的重点部分：定义区域，并为它们添加事件监听器。我们将绘制一个三角形，并附加mouseout和mousemove事件，再绘制一个矩形，没有事件监听器，最后绘制一个圆形，并附加mouseover、mouseout、 mousedown和mouseup来测试Events所支持的每一个桌面事件。

图6-2 添加鼠标事件监听器

操作步骤

按照以下步骤，绘制一个三角形、一个矩形和一个圆形，并为每个图形附加鼠标事件：

链接到Events类：

2. 定义writeMessage()函数，该函数输出一条消息：

function writeMessage(context, message){

context.font  = "18pt Calibri";

context.fillStyle  = "black";

context.fillText(message,  10,  25);

}

3. 实例化一个Events对象，并获取画布及上下文对象：

window.onload  = function(){

var events  = new Events("myCanvas");

var canvas  = eve