js禁止缩放和允许缩放

在JavaScript中，为了控制页面元素是否可以被用户缩放（即鼠标滚轮放大或缩小），你可以使用CSS的`transform-origin`属性以及一些事件监听来实现。

1. 禁止缩放:
要阻止某个元素被用户缩放，可以在CSS中设置`user-scalable: no;`，这将阻止浏览器默认的滚动缩放行为。例如：

   .non-zoomable {
     -webkit-transform: scale(1);
     transform: scale(1);
     -ms-transform: scale(1); /* IE 9 */
     user-scalable: none;
     touch-action: none; /* 对于移动端也有作用 */
   }

2. 允许缩放:
如果需要允许特定元素缩放，只需移除上述限制，保持`user-scalable`默认值即可，或者设置它为`yes`，让浏览器决定是否允许缩放。例如：

   .zoomable {
     user-scalable: yes; /* 或者不设置，默认值 */
   }

同时，如果你想要在响应用户的滚轮操作时动态调整缩放，可以通过添加`wheel`事件监听器并处理其中的`deltaY`值来实现自定义缩放效果：

element.addEventListener('wheel', function(e) {
  var delta = e.deltaY * 0.1; // 可能需要根据实际需求调整倍率
  this.style.transform = `scale(${this.scale + delta})`;
});