Javascript 身体触碰动作：无，但能够捏缩缩放div_Javascript_Html_Css

Javascript 身体触碰动作：无，但能够捏缩缩放div

javascript html css

Javascript 身体触碰动作：无，但能够捏缩缩放div,javascript,html,css,Javascript,Html,Css,正如标题所说，我想知道当body设置为touch action:none时，是否可以只启用特定的div 我的目标是阻止所有浏览器的缩放，但允许放大其中的特定部分（可能是图像）这可能吗？可能是Javascript还是纯CSS 我的代码如下： $("#no-zoom").click(function(){ if( $('body').css('touch-action') == 'none' ) $('body').css("touch-action","") else

正如标题所说，我想知道当

body

设置为

touch action:none

时，是否可以只启用特定的

div

我的目标是阻止所有浏览器的缩放，但允许放大其中的特定部分（可能是图像）

这可能吗？可能是Javascript还是纯CSS

我的代码如下：

$("#no-zoom").click(function(){
   if( $('body').css('touch-action') == 'none' ) 
    $('body').css("touch-action","")
   else
    $('body').css("touch-action","none");
    $('.zoom').css("touch-action","pan-x pinch-zoom");
});

显然，这一部分不起作用：

$（'.zoom'）.css（“触摸动作”、“平移x捏缩缩放”）
谢谢大家!
 您可以使用同级：.notouch
和.content

.notouch
将覆盖所有页面，.content
将包含可能遭受触摸交互的元素
<body>
    <div class="notouch"></div>
    <div class="content">
        <div class="image"></div>
    </div>
</body>

这样，您只能在内部使用缩放。image
您可以使用同级：.notouch
和.content

.notouch
将覆盖所有页面，.content
将包含可能遭受触摸交互的元素
<body>
    <div class="notouch"></div>
    <div class="content">
        <div class="image"></div>
    </div>
</body>

这样，您只能在.image
内使用缩放