Editing 阻止手机浏览器左右滑动事件

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <title>阻止手机浏览器左右滑动事件</title>
</head>

<body>
    <div class="verifybox">阻止手机浏览器左右滑动事件</div>
</body>

</html>

html,
body {
    margin: 0;
    padding: 0;
}

.verifybox {
    width: 100vw;
    height: 50vh;
    display: flex;
    align-items: center;
    background-color: lightgrey;
}

var verifybox = document.querySelector('.verifybox');

"touchstart touchmove touchend".split(' ').forEach(en => {
    verifybox.addEventListener(en, function (e) {
        e.preventDefault()
    }, false)
})