JavaScript：防止在触摸设备上滚动

Question

如何防止使用JavaScript在触摸设备上滚动任何元素？以下代码在台式机上可以正常运行，但在移动设备上似乎无法正常运行。 （已在iOS上测试。）

document.getElementById('content').addEventListener('wheel', function(e){

  e.preventDefault();
  
});

document.getElementById('content').addEventListener('touchmove', function(e){

  e.preventDefault();
  // Does nothing!?
  
});

div{
  height: 50px;
  width: 200px;
  background: yellow;
  overflow: scroll;
}

<div id="content">
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
<div>

关于如何解决此问题的任何想法？谢谢！