如何防止后退按钮从射击.click()

How to prevent back button from firing on .click()?

本文关键字：射击 click 按钮 何防止      更新时间：2023-09-26

我有一个简单的JavaScript，在用户点击时将视频缩略图交换为隐藏在其后面的嵌入视频:

(function($){
    $(document).ready( function(){
         $(".video-image").click(function(){
         $(".video-embed").css({"opacity":"1","display":"block"});
         $(".video-embed")[0].src += "&autoplay="+autoplay;
         $(this).unbind("click");
        });
    } );
})(jQuery)

我在同一页面上也有一个表单，当提交时，将用户带到一个感谢页面。如果在提交表单时主页上的视频暂停或仍在播放，然后用户选择从感谢页面点击后退按钮，主页上的视频将重新开始播放。我相信这是因为JavaScript将后退按钮视为。click事件。

基本上，我想阻止后退按钮执行JavaScript。有办法解决这个问题吗?

我发现改变帧源在技术上算作改变页面，有一次我正在制作一个视频播放器，只是改变了iframe的源，但是每次源改变你都必须再次点击-所以如果你点击了5个视频，你必须返回6次才能到达上一页!

解决方案是生成和销毁帧，而不是切换源-类似于您的事件:

$("container .video-embed").remove();
$(container).append("<iframe class='video-embed' src='url here'></iframe">
相关文章：