如何在onclick事件后禁用按钮?

时间:2017-06-28 17:08:52

标签: html

我想在onc​​lick函数后禁用此按钮,所以要么更改z-index,要么禁用按钮,任何想法?

 <button id ="a" type="button" 
           onclick="window.open('https://www.google.ca')"
           >

感谢。

5 个答案:

答案 0 :(得分:3)

打开窗口后需要添加this.disabled = true。

 <button id ="a" type="button" 
       onclick="window.open('https://www.google.ca'); this.disabled=true;"
       >

答案 1 :(得分:0)

我会看看jquery https://api.jquery.com/click/

$( "#a" ).click(function() {
  // do your stuff opening a page etc
  $( "#a" ).prop("disabled",true);
});

编辑://采取Rohit Saxena的方法

答案 2 :(得分:0)

以上代码需要“禁用”而不是“禁用”。试试这个:

<button id ="a" type="button" 
   onclick="window.open('https://www.google.ca'); this.disabled=true;"
>

答案 3 :(得分:0)

方法是你应该创建一个包含两个作业的脚本包含函数:

  • 使用selectById()并添加属性disabled

  • 禁用该按钮
  • 然后window.open()

答案 4 :(得分:0)

这是我第一次发布,所以如果格式不正确,请原谅新手。我需要能够轻松地打开和关闭一个按钮,以“指导”用户以正确的顺序执行操作,尽管我只使用了部分答案,但这篇文章对我的旅程有所帮助。我做了两个函数'enableClick()'和'disableClick()',其中参数是按钮的ID,例如:'enableClick(“ betButton”)'这是代码:

function disableClick (elementId) {
  const x = document.getElementById(elementId);
  x.disabled = true;
}

我正在学习js,因此我目前正在做的一切都是有目的的,但它仍然相当简单-显然,使用enableClick函数,x.disabled的值将为“ false”。可以在初始单击功能完成后将这些功能添加到单击所调用的函数中,以便在调用相反的函数之前不能再次单击该按钮。