javascript能不能调用浏览器的缩放功能

发布于 2022-09-04 10:20:55 字数 201 浏览 9 评论 0

JavaScript 能不能调用浏览器的缩放功能,就是平时我们按 Ctrl + 鼠标滚轮的效果

注:因为使用 zoom: x;transform: scale(x); 会有一些小问题(主要是 Firefox 下的),所以会有以上需求。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

生生不灭 2022-09-11 10:20:55

应该是只能模拟,document.body.style.zoom = xxx

无语# 2022-09-11 10:20:55

window.onresize监听变化

<!DOCTYPE html>
<html>

<head>
    <title>滑稽</title>
    <meta charset="UTF-8">
    <script src="jquery.min.js"></script>
</head>

<body>
    <div id="demo">

    请改变窗口大小</div>
</body>
<script type="text/javascript">
window.onresize = function(){
document.getElementById("demo").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
}
</script>
</html>
泡沫很甜 2022-09-11 10:20:55

浏览器好像真没提供这样的接口
https://developer.mozilla.org...

其实,想缩放整个页面, 可以尝试用 JS 设置 body 的 transform: scale(); 估计还得计算一下向上的平移量.

弥繁 2022-09-11 10:20:55

http://www.jb51.net/article/2... 监听事件
http://blog.csdn.net/huwei200... js页面缩放
好像不太好弄,能监听到键盘和鼠标的按键事件,但是滚轮貌似没有监听前滚还是后滚。如果能监听滚动方向就好办了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文