javascript - 无法自定义交互式JavaScript内容

我们正在使用Moodle版本3.5，并使用H5P插件来播放交互式视频。我们需要在“提交”按钮上添加其他操作

请检查链接https://h5p.org/interactive-video。回答问题后，将显示一个摘要屏幕，如下所示：

<script>

function checkclick()
{
    $(document).ready(function(){

        $(".h5p-interactive-video-endscreen-submit-button").click(function(){
            alert("submitted");

        });
     });
}

$(document).ready(function(){
    iframe=H5P.$body.contents();
    iframe.find(".h5p-interactive-video-endscreen-submit-button").click(function(){
          alert("hello");
    });
});

// H5P.$body.contents().find(".h5p-interactive-video-endscreen-submit-button")

// $(document).ready(function(){
//        var button= H5P.$body.contents().find(".h5p-interactive-video-endscreen-submit-button");
//     button.attr("id","myclass");
//        console.log(button);
// });

</script>

尝试了上述技术来在单击按钮时获得警报，但没有成功。

最佳答案

改变这个：

$(document).ready(function(){
    iframe=H5P.$body.contents();
    iframe.find(".h5p-interactive-video-endscreen-submit-button").click(function(){
      alert("hello");
    });
});

对此：

$(document).ready(function(){
    iframe=H5P.$body.contents();
    $(document).on('click',function(){
        if(iframe.find(".h5p-interactive-video-endscreen-submit-button").is(":hover")){
          alert('hello');
        }
    });
});

如果元素单击无法检测到并且可以正常工作，我通常会这样做。

关于javascript - 无法自定义交互式JavaScript内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57908738/