提问者:小点点

如何阻止在JS中点击提交按钮的可能性?


我想添加一个功能到我的网站。用户必须观看一个短视频。我想阻止在有人看到视频之前点击提交按钮的可能性。因此,我希望它在开始的2分钟内保持不活动状态。

<html>
<head>
  <meta charset="UTF-8">
</head>

<p> Please watch this 2-minutes video. </p>

<body>
  <center>
  <video width="744" height="576" controls>
    <source class="center" src="videos/nature.mp4" type="video/mp4">
  </video>
</center>
<p></p>
<center>
<a href = "nextpage.html"><input style="height:50px; width: 100px; font-size:12pt;" type="submit" value="Next"></a></center>

</body>
</html>

提前谢谢你。


共1个答案

匿名用户

您可以这样做的是添加事件监听器,以便在视频结束时使用,然后启用按钮

document.getElementById('video').addEventListener('ended', videoEnded, false);
function videoEnded() {
    // Make the button clickable
}