jquery - Jquery 中透明图像上的触摸事件

Question

我有一个问题。我有 3 张图像(img1、img2、img3)，其中一张是透明的，另外两张图像放在透明图像的下方。 img1 放在下方(如背景图像)，img2 放在 img2 上方，最后是 img3(透明图像)。我想对 img2 执行操作，但触摸事件不会发生在透明图像 (img3) 之上。有什么办法可以触发 img2 上的触摸事件吗？请帮我解决这个问题..提前致谢..

代码..

$('#bgTrnsImg').bind('touchend',function(e){
    $('#smallDustBean1').trigger('touchend');
});

$('#smallDustBean1').bind('click touchend',function(e){
    SpriteSheetExample1();
    alert("T1");
    // Does something special
    e.stopPropagation();
});

$('#bgTrnsImg').bind('touchend',function(e){
    $('#smallDustBean2').trigger('touchend');
});

$('#smallDustBean2').bind('click touchend',function(e){
    SpriteSheetExample2();
    alert("T2");
    // Does something special
    e.stopPropagation();
});

$('#bgTrnsImg').bind('touchend',function(e){
    $('#smallDustBean3').trigger('touchend');
});

$('#smallDustBean3').bind('click touchend',function(e){
    SpriteSheetExample3();
    alert("T3");
    // Does something special
    e.stopPropagation();
});

$('#bgTrnsImg').bind('touchend',function(e){
    $('#smallDustBean4').trigger('touchend');
});

$('#smallDustBean4').bind('click touchend',function(e){
    SpriteSheetExample4();
    alert("T4");
    // Does something special
    e.stopPropagation();
});


$('#bgTrnsImg').bind('touchend',function(e){
         $('#smallDustBean5').trigger('touchend');
    });

$('#smallDustBean5').bind('click touchend',function(e){
        SpriteSheetExample5();
        alert("T5");
        // Does something special
            e.stopPropagation();
        });

我正在更新我的代码，根据下面的回答，每次触摸透明图像时都会触发事件，而不是仅在特定的 img2(smallDustBeans) 上触发。HTML文件中img1 z-index为1，img2 z-index为2，img3 z-index为3

Answer 1

点击事件和触摸事件是有区别的。

如果您想在特定事件上隐式触发触摸，请使用这样的方法。

$('#img3').bind('touchend',function(e)
{
    $('#img2').trigger('touchend');
});

$('#img2').bind('click touchend',function(e)
{
    // Does something special
    e.stopPropagation();
});