Question

我有一个按钮，上面附有两个点击事件。我无法点击“点击”按钮保持另一个事件。

需要有功能，所以在第一次点击时会提醒（＆＃34;首先点击＆＃34;），第二次点击将提示（＆＃34;第二次被点击＆＃34;），第三次点击将发出警报（＆＃34;首先被点击＆＃34;），第四次点击将提醒（＆＃34;第二次被点击＆＃34;）等等......

      @Html.TextBoxFor(m => m.StartDate, new { 
@id = "your-id", @class = "datepicker form-control input-datepicker", placeholder = "dd/mm/yyyy", data_date_format = "dd/mm/yyyy" 
})

<button id="clickable">

Answer 1

jQuery代码：

// making disabled
$("#clickable").attr('disabled', '')

// making enabled
$("#clickable").removeAttr('disabled')

您也可以使用简单的JS代码来完成此操作。

var btn = document.getElementById("clickable");

// making disabled
btn.setAttribute("disabled", ""); 

// making enabled
btn.removeAttribute("disabled");

Answer 2

您可以在第一次点击时为您的按钮添加一个特定的类，并检查她是否有，然后您可以知道您是在第一次或第二次点击

$('#clickable').on('click', function () {
    if (!$(this).is(".step")) {
      // first click
      $(this).addClass('step');
      console.log("first was clicked");
    } else {
      // second click
      $(this).removeClass('step');
      console.log("second was clicked");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="clickable">Button</button>

Answer 3

var checkFlag = true;
function clicked(){
  if(checkFlag == true){
  alert("first clicked");
  }else{
  alert("Second clicked");
  }
  checkFlag = !checkFlag;
}

<button onClick="clicked();">Click</button>

使用布尔标志来检查

Answer 4

   <script>
      var clickCount = 1;
      document.getElementById("clickable").addEventListener("click", function(){
        if(clickCount % 2 != 0){
      alert("first was clicked")
           clickCount++;
        }else{
      alert("second was clicked")
           clickCount++;
        }
      });
    </script>

Answer 5

(function() {
var step = true;
$("#clickable").on('click', function(e) {
    msg = step ? 'first' : 'second';
    alert(msg + ' was clicked!')
    step = !step;
})})()

如何激活和禁用jQuery＆＃39;点击＆＃39; HTML元素上的事件

5 个答案: