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来完成。有几种解决方案涉及不提供链接、隐藏链接或使用HTML5disabled
属性来防止按钮被点击。我没有看到任何按钮there@AlonEitan我猜链接是他的“按钮”@j08691你确定不是divtype=button
?:)您的PHP与实际问题无关,因此我删除了标记。发布呈现的HTML和您尝试的JavaScript。@AlonEitan no。但是没有链接,带有class按钮的div只是一个div.:/I没有看到任何按钮there@AlonEitan我猜链接是他的“按钮”@j08691你确定不是divtype=button
?:)您的PHP与实际问题无关,因此我删除了标记。发布呈现的HTML和您尝试的JavaScript。@AlonEitan no。但是没有链接,带有class按钮的div只是一个div:/