javascript - 为什么我的touchstart事件无效？

Question

$(document).ready(function() {
    $(".mask").hide();
    var maskshow = function() {
        $(this).children(".mask").toggle();
    }

    $('.pic-show').on('touchstart', maskshow);
});

希望达到的目的是在移动端通过触摸使我的遮罩层mask显示或者隐藏（用的toggle）
但是无效
换了一种写法还是不行

$(document).ready(function() {
    $(".mask").hide();
    $(function(){
        $(".image").addEventListener("touchmove", _touch, false);
    })

    function _touch(event){
        $(this).children(".mask").toggle();
    }
});

用click就正常

$(document).ready(function(){
    $(".mask").hide();
    $(".image").click(function(){
        $(this).children(".mask").toggle();
    });
});

请问是什么原因 - -。
新人，刚接触touchstart，百度半天没找到原因就来问了，求不吝赐教

Answer 1

$(document).ready(function() {
    $(".mask").hide();
    var maskshow = function() {
        $(this).children(".mask").toggle();
        //$(this)指向调用maskshow的 $('.pic-show') jquery对象
        //你的.mask不是$('.pic-show')的children吧？
    }

    $('.pic-show').on('touchstart', maskshow);
});

Answer 2

将touchstart换成touchend就可以了。