jquery - bootstrap popover 添加 esc 按键检查并关闭

Question

我正在尝试扩展引导弹出窗口以在手动模式下退出时关闭。我正在尝试扩展 popover 类继承的工具提示类，如下所示：

/* WHY CANT I CALL the HIDE FUNCTION WHEN ESC key press is intercepted????

   Why is the hide class undefined when the keypress is intercetped?
*/

!function ($) {

    "use strict"

    /* TOOLTIP PUBLIC CLASS DEFINITION
    * =============================== */

    var Tooltip = function (element, options) {
        this.init('tooltip', element, options)
    }

    Tooltip.prototype = {

        constructor: Tooltip

  , init: function (type, element, options) {
      //init logic here

      $(document).keypress(function (e) {
          if (e.which == 27) { this.hide };  
      });                    ^^^^^^^^^^^^^
                             this.hide is undefined on debug????
  }

  , hide: function () {
     //hide logic
  }
}

Answer 1

你需要使用这个：

$tooltip = this;
$(document).keydown(function(e){
   if (e.keyCode === 27)
      $tooltip.hide();
});

您的问题是您想要的“this”实际上是文档，它没有隐藏功能。当 keypress/keydown 事件被触发时，函数内的“this”是触发事件的元素，因此是文档。请记住 JavaScript 具有函数作用域，这意味着在许多不同的函数中时，您需要对“this”变量保持谨慎。