javascript - 如何使用 jQuery 检测点击事件是否发生？

Question

我有 2 个按钮。我想检测是否单击了前一个按钮，然后在单击第二个按钮时它应该显示一些数据，否则如果用户直接单击第二个按钮，它应该显示一个警报(请先单击上一个按钮)。我试过这样做但无法检测到是否单击了第一个按钮:-(

HTML

<input type="button" id="btn1" value="button1"></input>
<input type="button" id="btn2" value="button2"></input>

JavaScript

       $('#btn1').click(function(){
           alert('Button 1 Clicked');
        });

        $('#btn2').click(function(event) {
            var inputButton = document.getElementsByTagName('input');
            var $target = $(event.target);
            if( $target.is(inputButton[1]) ) {
                alert("Please click the 1st Button first");
            } else{
                alert('Button 2 Clicked');
            }
        });

Answer 1

编辑:我选择不使用变量，因为没有太多理由使用变量。避免不必要的作用域污染等。

HTML

<button id="btn1">First Button</button>
<button id="btn2">Second Button</button

JavaScript

$(document).ready(function() {
    $('#btn1').on('click', function() {
        alert('Button 1 clicked');

        $('#btn2').data('btn1-clicked', true);
    });

    $('#btn2').on('click', function() {
        var el = $(this);

        if (el.data('btn1-clicked')) {
            alert('Button 2 clicked');
        } else {
            alert('Please click the 1st button first');
        }
    })
});