一個優(yōu)秀的網頁絕不僅僅是一個靜態(tài)的頁面，在網頁當中，還應該存在著一些點擊或者觸摸等主動觸發(fā)事件，當用戶點擊頁面上某處的時候，頁面會相應的發(fā)生一些動態(tài)變化，這就是網頁的觸發(fā)事件。Hype作為一款專業(yè)的Mac端網頁制作軟件，同樣支持觸發(fā)事件功能。

下面小編就通過一篇教程，利用Hype4版本，為大家演示如何使用這款H5制作軟件去觸發(fā)事件。

一、場景觸發(fā)事件

場景級別的觸摸動作（例如在場景上滑動和拖動）可以觸發(fā)一個或多個動作。當大家創(chuàng)建好場景以后，在Hype右側菜單的“場景”選項卡中，拉到下方，可以看到如下圖1所示界面。

圖1:場景觸發(fā)事件設置界面

在該界面上，大家可以設置場景加載、卸載、滑動、拖動場景時觸發(fā)的事件。點擊對應觸摸方式右方的加號，點擊“操作”，即可出現(xiàn)如圖2所示界面，圖2界面展示了所有可設置的觸發(fā)事件。

大家可以選擇事件發(fā)生后跳到指定場景、運行JavaScript程序、跳轉網頁、進行聲音播放或暫停以及時間線的控制。

圖2:可觸發(fā)事件類型

二、指針觸發(fā)事件

大家不僅僅可以在場景上做觸發(fā)事件，還可以在鼠標指針上做觸發(fā)事件。只需要大家在Hype右側菜單切換到“操作”選項卡，就可以看到如下圖3所示界面。

圖3:鼠標觸發(fā)事件界面

那么如何使用元素觸發(fā)鼠標事件呢？

首先需要先選中某個或多個元素，然后在該選項卡中，選擇一個觸發(fā)條件，如“鼠標移出時”，然后設置要觸發(fā)的事件即可。例如，選定一個矩形，然后選擇鼠標移出時，播放聲音，那么當我們的鼠標移出矩形時，網頁就會發(fā)出聲音，聲音可以自由選取PC上有的MP3或OGA格式的音頻文件。

當然，觸發(fā)事件時，可觸發(fā)的事件也可以不止一個，點擊圖4紅框所示的加號，可以添加多個事件操作，在觸發(fā)事件時觸發(fā)多個事件。

圖4:觸發(fā)多個事件

好了，以上就是小編整理的Hype中關于觸發(fā)事件的使用教程