javascript - 检测 div 上的“手动”水平滚动

Question

是否可以检测manualdiv 上的水平滚动。如果我向 div 添加一个事件侦听器，我希望能够区分用户手动使用鼠标滚动与 div 什么时候扩展时变大。我可以在每个可能增加 div 并触发事件的操作上添加一个标志，但必须有更好的方法。

这是一些可以解决的代码

function enlarge() {
    document.querySelector('.inner').style.width = '400px';
}

div {
  overflow: auto;
  width: 200px;
  height: 200px;
}

.inner {
  width: 200px;
  height: 200px;
  background-color: red;
}

<div class="main">
  <div class="inner"></div>
</div>

<button onclick="enlarge()">
enlarge
</button>

标签： javascripthtml