jQuery mobile：在捏合/捏合时更改字体大小？

Posted 2023-05-09

【中文标题】jQuery mobile：在捏合/捏合时更改字体大小？

【英文标题】：jQuery mobile: change font size on pinch-in/pinch-out?

【发布时间】：2013-03-31 13:56:40

【问题描述】：

我正在用 JQM 编写一个 Web 文档阅读器。 我不希望我的用户在阅读时不断地左右滚动，所以我的视口是：

<META NAME='viewport' CONTENT='width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=1;' />

不过，我知道用户对字体大小的偏好可能会因视觉技能的不同而发生变化... 所以，我认为在多点触控缩小操作（“pinch-in”）中缩小字体大小，在多点触控缩放操作（“pinch-out”）中放大字体大小会很好......

有可能吗？除了 JQM，我还需要一些外部库吗？

【问题讨论】：

看起来您正在寻找一种检测手势的方法，不是吗？如果是，那么只需看看这个主题：http://***.com/questions/11183174/simplest-way-to-detect-a-pinch，其余的，你只需要改变 em 的实际大小。看看那里：modify CSS with javascript最好的问候，沙利文

【参考方案1】：

在 jQuery Mobile 上可以实现，但您需要使用名为 hammer.js 的第三方实现。

它支持大量的手势，例如：

按住 点击 双击 drag、dragstart、dragend、dragup、dragdown、dragleft、dragright 滑动、向上滑动、向下滑动、向左滑动、向右滑动 变换、变换开始、变换结束 旋转 捏，捏，捏 触摸（手势检测开始） 发布（手势检测结束）

例子：

$('#test_el').hammer().on("pinchin", ".nested_el", function(event) 
    console.log(this, event);
);

$('#test_el').hammer().on("pinchout", ".nested_el", function(event) 
    console.log(this, event);
);

它适用于 jQuery Mobile，这很重要。但是您应该考虑其他一些想法，或者至少是针对 android 2.X 设备的另一个想法，因为该平台不支持多点触控事件。

还有一些其他的第 3 方实现，例如 Touchy。不幸的是，Touchy 只支持捏合。

【讨论】：

谢谢...不过与此同时，我确实找到了“quojs”库 (quojs.tapquo.com)，它对我来说很好用...