如何使用Clippy.js單擊而不是超時隱藏元素？

我發現了一個名爲Clippy.js的整潔的小型JS庫，可讓您在瀏覽器中實現Microsoft Word的舊虛擬助手。在玩了一段時間之後，我意識到文本氣球有一個setTimeout()方法和一個時間延遲導致它消失。如何使用Clippy.js單擊而不是超時隱藏元素？

hide:function (fast) { 
     if (fast) { 
      this._balloon.hide(); 
      return; 
     } 

     this._hiding = window.setTimeout($.proxy(this._finishHideBalloon, this), this.CLOSE_BALLOON_DELAY); 
    }, 

    _finishHideBalloon:function() { 
     if (this._active) return; 
     this._balloon.hide(); 
     this._hidden = true; 
     this._hiding = null; 
    },

我不想那樣。我希望氣球在用戶點擊時消失。我試圖用這個代替this._hiding = ...註冊一個事件偵聽器：

var clickToHide = document.getElementsByClassName('clippy-balloon'); 
this._hiding = clickToHide.addEventListener('click', function(){$.proxy(this._finishHideBalloon, this)});

......但這一切確實是完全隱藏氣球。爲什麼這不起作用？我如何實現我想要的功能？

來源

2015-06-12 sabaeus

基於你在這裏的代碼，我認爲'this'在你定義的點擊函數內部與'this._hiding'中的'this'有不同的上下文;嘗試設置'var'到'this'並在click功能中使用'that' ...可以解決問題 –

像這樣，對吧？ 'this._hiding = clickToHide.addEventListener（'click'，function（）{ var that = this._hiding; $ .proxy（that._finishHideBalloon，that） }）;' – sabaeus

似乎不起作用。 – sabaeus

我認爲延遲是由變量CLOSE_BALLOON_DELAY造成的。更改this.CLOSE_BALLOON_DELAY到0應該做的伎倆。

來源

2015-06-12 04:33:54 Brody

整行代碼被替換爲我在eventListener上的嘗試，所以不能如此。 – sabaeus

你爲什麼用'this.finishHideBalloon'而不是'this._finishHideBalloon'？ – Brody

這是一個錯字。我修好了，看起來不是問題。 – sabaeus

如何使用Clippy.js單擊而不是超時隱藏元素？

回答

相關問題