Tutorial: 鼠标区域

1. 在窗口 #10 中创建一个 JS 元件。

2. 将以下代码复制并粘贴到 JS 元件的源代码页面中：

   // 创建一个触发的函数
   function helloWorld() {
        console.log("Hello world!");
   }
   
   // 创建一个鼠标检测区域
   var ma = new MouseArea();
   
   // 为了使 MouseArea 生效，将其添加到当前窗口组件
   this.widget.add(ma);
   
   // 当检测到 mousedown 时，调用 helloWorld
   ma.on("mousedown", helloWorld);
   

3. 模拟此项目。

4. 右键打开 cMT Diagnoser，并点击 “JS” 标签（JavaScript 控制台）。

5. 在 cMT Viewer 中点击 JS 元件。

您应该会在 cMT Diagnoser 中看到 “Hello world!”。

示例：

[09:00:00] Hello world!

目前 MouseArea 仅支持以下 4 种鼠标事件：

• mousedown
• mouseup
• click
• mousemove

您可以将上一练习中的 mousedown 更改为上述任意一种。

// 创建一个触发的函数
function helloWorld() {
     console.log("Hello world!")
}

// 创建一个鼠标检测区域
var ma = new MouseArea();

// 为了使 MouseArea 生效，将其添加到当前窗口组件
this.widget.add(ma);

// 当检测到 mousemove 时，调用 helloWorld
ma.on('mousemove', helloWorld);