Javascript 触摸并单击即可全屏显示图像

我可以通过点击PC来实现这一点，但不需要触摸移动设备

$('.img-responsive').on('click', function(){
    var src = $(this).attr('src');
    $('<div>').css({
        background: 'RGBA(0,0,0,.5) url('+src+') no-repeat center',
        backgroundSize: 'contain',
        width:'100%', height:'100%',
        position:'fixed',
        zIndex:'10000',
        top:'0', left:'0',
        cursor: 'zoom-out'
    }).on('click', function(){
        $(this).remove();
    }).appendTo('body');
});

$（'.img responsive'）。在（'click'，function（）上{
var src=$（this.attr（'src'）；
$（''）.css({
背景：“RGBA（0,0,0,5）url（“+src+”）无重复中心”，
背景大小：“包含”，
宽度：“100%”，高度：“100%”，
位置：'固定'，
zIndex:'10000'，
顶部为“0”，左侧为“0”，
光标：“缩小”
}).on（'单击'，函数（））{
$（this.remove（）；
}).附于（“主体”）；
});

有人有什么建议吗

---

谢谢

将

HTMLEvents

对象与

document.createEvent（）

一起使用，模拟单击链接

    var link = document.getElementById( 'link_to_click' ),
    event = document.createEvent( 'HTMLEvents' );

    event.initEvent( 'click', true, true );
    link.dispatchEvent( event );

---

将

HTMLEvents

对象与

document.createEvent（）

一起使用，模拟单击链接

    var link = document.getElementById( 'link_to_click' ),
    event = document.createEvent( 'HTMLEvents' );

    event.initEvent( 'click', true, true );
    link.dispatchEvent( event );

---

尝试从按钮的父项或父项的父项删除单击事件

$("body").delegate(".img-responsive", "click", function(){
//your action code
});

希望这项工作！，和 这个链接也可以帮助你吗

---

尝试从按钮的父项或父项的父项删除单击事件

$("body").delegate(".img-responsive", "click", function(){
//your action code
});

希望这项工作！，和 这个链接也可以帮助你吗

---

尝试touchend和focusout事件。参考：尝试touchend和focusout事件。ref：谢谢，但这导致该操作在PC上不起作用，但在移动设备上仍不起作用。谢谢，但这导致该操作在PC上不起作用，但在移动设备上仍不起作用。谢谢，但上述代码没有区别，仍然在PC上起作用，但在移动设备上不起作用。谢谢，但上述代码没有区别，仍然可以在PC上工作，但不能在手机上工作。