阻止滚动时用鼠标滚轮滚动输入范围的div

以下是一个基于JavaScript的示例代码，用于阻止使用鼠标滚轮滚动一个指定输入范围内的div：

HTML代码：

<div id="scrollableDiv" style="width: 200px; height: 200px; overflow: auto;">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.</p>
</div>

JavaScript代码：

var scrollableDiv = document.getElementById("scrollableDiv");

scrollableDiv.addEventListener("wheel", function(e) {
  e.preventDefault();
  var delta = e.deltaY || e.detail || e.wheelDelta;
  scrollableDiv.scrollTop += delta;
});

在这个示例中，我们首先通过getElementById获取到具有id“scrollableDiv”的div元素。然后，我们使用addEventListener来监听鼠标滚轮事件。在事件处理程序中，我们使用e.preventDefault()来阻止默认的滚动行为。接下来，我们使用e.deltaY、e.detail或e.wheelDelta来获取滚轮滚动的距离，并使用scrollableDiv.scrollTop来设置div元素的滚动位置。

请注意，这个示例假设你已经在HTML中定义了一个具有id“scrollableDiv”的div元素，并将其样式设置为具有固定的高度和宽度，并且具有overflow:auto；这样它才能实现滚动。你可以根据自己的需求来调整div的样式和代码。