Question

在javascript中，当用户点击按钮时，我怎么知道它是否与他上次点击的按钮相同？例如，如果用户在几秒钟后点击“播放”按钮和停止按钮，我怎么知道他在停止按钮之前点击了播放按钮？

谢谢！

Answer 1

var lastButton;

<input type="button" onclick="function(lastButton = this){}" />

Answer 2

如果您对javascript使用jquery库，则可以使用toggle event：

在html代码中

<input type="button" id="mybutton">

并在javascript中

$('#mybutton').toggle(function() {
    //here play function
}, function() {
    //here stop function
});

你可以add和remove css到按钮，这样它就可以显示为播放或停止播放。

Answer 3

拥有全局变量名playClicked，并在单击“播放”按钮时将其设置为true。然后，您可以在事件处理程序中检查停止按钮单击事件。

Answer 4

我想你可以将最后按下的按钮保存到变量中。或者你可以有某种状态（播放，停止，暂停，快进等），按钮可以根据状态表现不同。

Answer 5

在播放按钮上放置一个onclick事件，该按钮设置一个全局标记，您可以在用户单击停止按钮时检查该标记。

Answer 6

维护对相应按钮的单击事件处理程序中单击的按钮的全局引用，并在后续运行中进行比较。示例代码：

<script type="text/javascript">
    var prevButton = null;
    .
    .
    .
    .
    function play(el)
    {
        if(el == prevButton) //Check if User has clicked the same button
        {
            //Add your code here
        }
        else
        {
        }
        prevButton = el;
    }

    .
    .
    .
    function stop(el)
    {
        if(el == prevButton) //Check if User has clicked the same button
        {
            //Add your code here    
        }
        else
        {
        }
        prevButton = el;
    }
    .
    .
    .
</script>
<input type="button" value="Play" onClick="play(this)"/>
<input type="button" value="Stop" onClick="stop(this)"/>

Answer 7

您可以创建一个数组，并且在处理按钮上的单击的函数上，您可以附加单击该数组的按钮的id。

要点击之前点击的按钮，您只需访问数组中倒数第二个项目。

如何知道按钮是否已被点击？

7 个答案: