加上移动端meta标签mouseup失效。

<body>
<div><img src="../images/plusSign.png" class="test">
</div>
<script>
    var timeout ;
    var Interval ;
    var consultTime =0;
    $(".test").mousedown(function(e){
        timeout = setTimeout(function() {
            Interval =  setInterval(function clock(){
                consultTime++;
                console.log(consultTime);
            },150);
        }, 400);
        e.stopPropagation();
    })
    $(".test").mouseup(function(){
        timeout = clearTimeout(timeout);
        Interval = clearInterval(Interval);
    })
</script>

要实现的效果是按下后连续累加，松开后停止。写这个demo在pc端是可以正常运行的，但是加上

  <meta name="viewport" content="initial-scale=1, maximum-scale=1， minimum-scale=1, width=device-width, user-scalable=no">
 
 mouseup事件就失效了，有什么比较好的解决办法么。

javascript