【代码分享】用鼠标进行控制(鼠标响应事件)!
由于木疙瘩还未增加判断鼠标滚轮这个在PC端上很重要的功能,这里分享一个JS代码,复制粘贴后简单的操作就可以实现很多PC端的功能了!
代码如下:
下面来说一下两个简单的使用方法:
1.滚轮翻页功能:
在“鼠标滚轮事件”这个文本框上增加 上一页、下一页 这两个行为,触发方式选择属性改变,然后点编辑进去修改执行条件更改为“检查元素属性状态”,元素名称依然选“鼠标滚轮事件”,考察属性为 文本取值,逻辑条件选择等于,上一页中填入值为1,下一页中填入值为2。
预览一下,你就可以发现能用鼠标滚轮进行翻页了。
案例:http://102f1cea.u.mgd5.com/cam ... .html
2.滚轮动画功能:
在“鼠标滚轮事件”这个文本框上增加两个“改变元素属性”的行为,触发方式和执行条件与上面的方法一致,但是改变的物体可以选择舞台上任何一个物体,改变物体元素的上坐标,赋值方式选择增加,完成后就可以发现我们能轻松用滚轮控制一个物体的上下移动,同理,改变其它的状态也是可以的哦!
案例:http://102f1cea.u.mgd5.com/cam ... .html
如果PC端的功能对大家来说很重要,又等不及木疙瘩更新的话,以后我会考虑再增加键盘响应,鼠标坐标获取等功能,懂代码的高手们也希望多多分享这类功能!希望的同学点个赞呗!
代码如下:
var mugeda = Mugeda.getMugedaObject();看不懂的同学可以不用理解,点击在发布按钮旁边的[JS]按钮打开代码输入窗口,将上面这段代码复制粘贴,然后在舞台上新建一个文本框,文本框命名为“鼠标滚轮事件”,当我们鼠标滚轮向上滚的时候这个文本框会变成1,向下滚动的时候会变成2,没有滚动的时候是0,由于实时更新状态,所以我们肉眼是很难在预览中看到这个文字状态的变化的。
mugeda.addEventListener('renderReady', function () {
var scene = mugeda.scene;
var gunlun = scene.getObjectByName('鼠标滚轮事件');
var updateTime = function () {
gunlun.text = 0;
}
var scrollFunc = function (e) {
e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件
if (e.wheelDelta > 0) { //当滑轮向上滚动时
gunlun.text = 1;
}
if (e.wheelDelta < 0) { //当滑轮向下滚动时
gunlun.text = 2;
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail> 0) { //当滑轮向上滚动时
gunlun.text = 1;
}
if (e.detail< 0) { //当滑轮向下滚动时
gunlun.text = 2;
}
}
}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
//实时清零
scene.addEventListener('enterframe', function () {
updateTime();
});
});
下面来说一下两个简单的使用方法:
1.滚轮翻页功能:
在“鼠标滚轮事件”这个文本框上增加 上一页、下一页 这两个行为,触发方式选择属性改变,然后点编辑进去修改执行条件更改为“检查元素属性状态”,元素名称依然选“鼠标滚轮事件”,考察属性为 文本取值,逻辑条件选择等于,上一页中填入值为1,下一页中填入值为2。
预览一下,你就可以发现能用鼠标滚轮进行翻页了。
案例:http://102f1cea.u.mgd5.com/cam ... .html
2.滚轮动画功能:
在“鼠标滚轮事件”这个文本框上增加两个“改变元素属性”的行为,触发方式和执行条件与上面的方法一致,但是改变的物体可以选择舞台上任何一个物体,改变物体元素的上坐标,赋值方式选择增加,完成后就可以发现我们能轻松用滚轮控制一个物体的上下移动,同理,改变其它的状态也是可以的哦!
案例:http://102f1cea.u.mgd5.com/cam ... .html
如果PC端的功能对大家来说很重要,又等不及木疙瘩更新的话,以后我会考虑再增加键盘响应,鼠标坐标获取等功能,懂代码的高手们也希望多多分享这类功能!希望的同学点个赞呗!
1 个评论
赞个