时间戳

首页 > 解决方案 > 如何阻止在js中点击提交按钮的可能性？

javascript - 如何阻止在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>

先感谢您。

标签： javascripthtml

解决方案

您可以在视频结束时添加事件侦听器，然后启用按钮

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

推荐阅读