touchend事件的preventDefault阻止掉了click事件

<div id="box">box</div>
<script>
    var isTouchDevice = function() {
        return 'ontouchstart' in window
    }()
    var startEvt = isTouchDevice ? 'touchstart' : 'mousedown'
    var moveEvt  = isTouchDevice ? 'touchmove' : 'mousemove'
    var endEvt   = isTouchDevice ? 'touchend' : 'mouseup'
    var box = document.querySelector('#box')

    function add(type) {
        var div = document.createElement('div')
        div.innerHTML = type
        box.appendChild(div)
    }
    box.addEventListener(startEvt, function(event) {
        add(startEvt)
    })
    box.addEventListener(moveEvt, function(event) {
        add(moveEvt)
    })
    box.addEventListener(endEvt, function(event) {
        //event.preventDefault()
        add(endEvt)
    })
    box.addEventListener('click', function(event) {
        add('click')
    })
</script>

 

document.body的click事件无效

document.documentElement的click事件ok