1、首先新建一个空白页面,在工作区域内拖入两个矩形,用于本次实现效果的元件元素,如下图所示。
2、将元件的名称及值的信息进行设置,如下图所示,一个获取元件坐标,一个获取鼠标坐标。
3、下面开始设置交互事件,首咸犴孜稍先给元件坐标的矩形设置单击交互事件,通过函数的方式获取当前元件的坐标值,函数如下。[[PageName]]
4、然后对鼠标坐标的矩形交互事件进行设置,通过函数的方式获取鼠标的坐标位置,函数如下。水平距离:[[Window.ScrollX]] 垂直距离:[[Window.ScrollY]]
5、所有工作准备完成,f5预览一下效果,如下图所示。
6、点击第一个矩形,会获取到当前元件的坐标值 ,点击第二个矩形能够获取到鼠标的坐标值。