Javascript 如何防止在单击同一页面上的单独按钮之前单击按钮?

Javascript 如何防止在单击同一页面上的单独按钮之前单击按钮?,javascript,html,Javascript,Html,我正在制作一个页面,在开始游戏之前必须先观看视频。视频和游戏链接在同一页上。是否有一种简单的方法可以“锁定”链接,直到单击单独的链接。 以下是按钮的一个片段: 我会使用JQUERY,在单击按钮之前,您不能显示链接,例如: $(document).ready(function(){ $("#showThisSecond").hide(); $("#showThisFirst").click(function(){ $("$showThisSecond").show(

我正在制作一个页面,在开始游戏之前必须先观看视频。视频和游戏链接在同一页上。是否有一种简单的方法可以“锁定”链接,直到单击单独的链接。 以下是按钮的一个片段:


我会使用JQUERY,在单击按钮之前,您不能显示链接,例如:

$(document).ready(function(){
    $("#showThisSecond").hide();
    $("#showThisFirst").click(function(){
       $("$showThisSecond").show();
    });
});

<button id='showThisFirst' />
<button id='showThisSecond' />
$(文档).ready(函数(){
$(“#显示此秒”).hide();
$(“#showThisFirst”)。单击(函数(){
$(“$showthissond”).show();
});
});

我会使用JQUERY,在单击按钮之前,您不能显示链接,例如:

$(document).ready(function(){
    $("#showThisSecond").hide();
    $("#showThisFirst").click(function(){
       $("$showThisSecond").show();
    });
});

<button id='showThisFirst' />
<button id='showThisSecond' />
$(文档).ready(函数(){
$(“#显示此秒”).hide();
$(“#showThisFirst”)。单击(函数(){
$(“$showthissond”).show();
});
});

您实际上没有按钮,而是锚定,因此您可以在单击另一个锚定之前阻止对一个锚定执行默认操作,如下所示

var btn1=document.getElementById('btn1');
var btn2=document.getElementById('btn2');
var skip=true;
btn1.addEventListener('click',function(){
跳过=错误;
});
btn2.addEventListener('click',函数(evt){
如果(跳过)evt.preventDefault();
});

您实际上没有按钮,而是锚定,因此您可以在单击另一个锚定之前阻止对一个锚定执行默认操作,如下所示

var btn1=document.getElementById('btn1');
var btn2=document.getElementById('btn2');
var skip=true;
btn1.addEventListener('click',function(){
跳过=错误;
});
btn2.addEventListener('click',函数(evt){
如果(跳过)evt.preventDefault();
});

如果您同时向客户端交付视频和游戏,那么没有什么可以阻止客户端从DOM中删除限制

假设是普通用户,您可以使用
disabled
属性来阻止某人单击按钮。一种更安全的方法是,根本不发送链接,在用户观看视频后请求并添加链接(如果观看视频,可以添加按钮,但仅指定
href
属性)


这显然必须使用JavaScript来完成。有几种解决方案涉及不传递链接、隐藏链接或使用HTML5
禁用属性来阻止按钮被点击。

如果您同时向客户端传递视频和游戏,则没有什么可以阻止客户端从DOM中删除限制

假设是普通用户,您可以使用
disabled
属性来阻止某人单击按钮。一种更安全的方法是,根本不发送链接,在用户观看视频后请求并添加链接(如果观看视频,可以添加按钮,但仅指定
href
属性)


这显然必须使用JavaScript来完成。有几种解决方案涉及不提供链接、隐藏链接或使用HTML5
disabled
属性来防止按钮被点击。

我没有看到任何按钮there@AlonEitan我猜链接是他的“按钮”@j08691你确定不是div
type=button
?:)您的PHP与实际问题无关,因此我删除了标记。发布呈现的HTML和您尝试的JavaScript。@AlonEitan no。但是没有链接,带有class按钮的div只是一个div.:/I没有看到任何按钮there@AlonEitan我猜链接是他的“按钮”@j08691你确定不是div
type=button
?:)您的PHP与实际问题无关,因此我删除了标记。发布呈现的HTML和您尝试的JavaScript。@AlonEitan no。但是没有链接,带有class按钮的div只是一个div:/