灯箱触发事件以单击空格键或鼠标左键单击

Lightbox trigger event to click space or mouse left click

本文关键字：单击 空格键 鼠标 事件      更新时间：2023-09-26

我有以下脚本来加载灯箱，

$(document).ready(function(){
        $('.TESTER123').nivoLightbox({
            effect: 'fade',theme: 'default',
            beforeShowLightbox: function(){
                $('.TESTER123').hide()
            },
            afterHideLightbox: function(){
                $('.TESTER123').show();    
            },
            beforeHideLightbox: function(){
                var e = jQuery.Event("keydown", { keyCode: 1 });
                jQuery(".nivo-lightbox-content").trigger( e );
            }
        });
    });

在之前的HideLightbox功能中，我想生成鼠标左键单击事件或空格键按下事件，以便当我关闭灯箱窗口时，视频应该暂停播放，目前它一直在后台播放。因此，我想在视频帧内生成这两个事件中的一个，即.nivo-lightbox内容或屏幕中央，因为视频将始终位于中心。

提前致谢

我只在IE上遇到过这种情况。 在其他浏览器上，当灯箱关闭或删除时，它会自动停止视频。

对于IE，如果它是一个自定义闪存播放器，您应该在闪存播放器中创建一个函数来停止视频并使用js在闪存播放器中触发该功能。

如果要嵌入YouTube播放器，则不能使用直接嵌入代码。 你应该选择YouTube API，这样你就可以使用JS控制播放器。

问题出在插件 nivo 灯箱上。当您在页面外部单击时，视频容器不会从页面中删除，而是淡出，因此为什么视频在淡出的div内播放。

插件有问题，因为它的压缩无法显示哪一行。相反，您可以使用这样的插件 http://www.jacklmoore.com/colorbox/example1/

相关文章：