Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript触发页面缩放事件_Javascript_Events_Scroll_Zooming_Mouse - Fatal编程技术网

使用javascript触发页面缩放事件

使用javascript触发页面缩放事件,javascript,events,scroll,zooming,mouse,Javascript,Events,Scroll,Zooming,Mouse,我正在制作Cocos Creator游戏,它有一个画布。我注意到,如果玩家单击游戏画布,他可以使用Ctrl+鼠标滚动缩放页面 如果他点击网页,他可以像往常一样用Ctrl+鼠标滚动缩放 我发现了一种在cocos游戏中检测鼠标滚动的方法 我想做的是在网页中触发Ctrl+鼠标滚动事件 我可以在CocosCreator游戏的网页中调用java脚本函数 但我不知道如何发起这样的活动 有人能在这方面提供帮助吗?您是否尝试过以下方法 var scale = 'scale(2)'; // 2x document

我正在制作Cocos Creator游戏,它有一个画布。我注意到,如果玩家单击游戏画布,他可以使用Ctrl+鼠标滚动缩放页面

如果他点击网页,他可以像往常一样用Ctrl+鼠标滚动缩放

我发现了一种在cocos游戏中检测鼠标滚动的方法

我想做的是在网页中触发Ctrl+鼠标滚动事件

我可以在CocosCreator游戏的网页中调用java脚本函数

但我不知道如何发起这样的活动


有人能在这方面提供帮助吗?

您是否尝试过以下方法

var scale = 'scale(2)'; // 2x
document.body.style.transform = scale;
由于可以捕获鼠标滚动,因此可以增加/减少事件捕获中要缩放的量,并触发如上所述的转换

编辑-CSS相关解决方案

var zoom = function() {
   zoomLevel += 0.1;
   $('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });
}

使用类似的功能,您也可以缩小页面。

您的方法确实会更改页面的缩放级别。我遇到的问题是,当您使用Ctrl+鼠标缩放时,它会独立于此缩放。如果我将缩放更改为2。鼠标滚动缩放仍然是100%。我想做的是在网页中启动Ctrl+move scroll事件。请尝试与css相关的解决方案,然后查看。不过我不确定。