javascript - 如果功能处于事件状态，如何禁用点击

Question

我在这里创建了一个 fiddle 函数 (http://jsfiddle.net/rhy5K/10/)。现在我想禁用按钮点击，即 play/pause 如果声音像 Get ready,5,4,3,2,1 一样播放。

我只知道如何禁用表单提交按钮，但我很困惑如何在我的例子中禁用点击 hyperlinks。

使用代码示例进行说明:

我想关闭它

<a href="#" id="btn_start">PLAY</a>

单击，解释器正在执行以下代码:

var playGetReady = function (done) {
    var ids = ['audiosource', 'a_5', 'a_4', 'a_3', 'a_2', 'a_1'],
        playNext = function () {
            var id = ids.shift();
            document.getElementById(id).play();
            if (ids.length) {
                setTimeout(playNext, 1000);
            } else {
                done();
            }
        };
    playNext();
};

警告:此 JS fiddle 演示可能会在加载时播放声音

Answer 1

您可以尝试这个(更改以下功能)，但不确定这是否是您想要的，也许还有其他方法可以做到这一点。

App.prototype.start = function () {
    var self = this;
    // unbind for a while
    self.$button.unbind('click', self.buttonHandler); // <--
    var start = function () {
            // start countdown
            self.intervalHandle = setInterval($.proxy(self.tick, self), 1000);
            // bind again
            self.$button.click($.proxy(self.buttonHandler, self)); // <--
            // change button text to PAUSE
            self.$button.text('PAUSE');
        };

    if (this.newTimer) {
        playGetReady(start);
    } else {
        start();
    }
};

DEMO.