使用touchstart / touchend和超时清除字段

Question

我有以下内容在浏览器中运行良好，我需要的是：

var timer;
$('.played').on({
    'focus': function () {
        $(this).val(function (i, v) {
            return (+v || 0) + 1;
        }).blur();
    },
    'mousedown': function () {
        var $el = $(this);
        timer = setTimeout(function () {
            $el.val('');
        }, 5000);
    },
    'mouseup': function () {
        clearTimeout(timer);
    }
});

然而，当我在我的iPad上使用它时，它不会清除暂停的字段，我发现它与touchstart / touchend有关，所以我＆＃39 ;现在得到以下http://jsfiddle.net/e1kb6esm/12/

现在的问题是，尽管它很有效，但我必须将手指从我所关注的领域上移开，否则它会在重置后再次触摸，因此它不会清除字段，而是恢复到1。

有人有任何想法吗？