jQuery如何創建和發射動態熱鍵（keycode和：not（）selector？）

Question

我有一個web應用程序，我正在努力，我希望用戶能夠動態地定義和觸發熱鍵。我希望有人能幫助我？

我用相關的HTML創建了JSFiddle HERE。

這裏是我的javascript：

// Assign Hotkey (this seems to be working) 
$('input.hotkey').keydown(function(event) { 
var hkey = event.keyCode; 
if (hkey == $('span#hk').text()){ 
    alert('This key is already in use'); 
} else 
    $(this).parent().parent().prev().find('span#hk').text(hkey); 
}); 

// Fire Hotkey (the problem might be here?) 
$(document).not('input').keydown(function (event) { 
    var hkey = event.keyCode; 
    if (hkey == $('span#hk').text()){ 
     $("span#hk:contains("+hkey+")").parent().click(); 
    } 
}); 

// Play Selected Track 
$('#track').live('click', function() { 
    // Fake Function 
    var title = $('#title', this).text(); 
    alert(title + ' is playing...'); 
}); 

注：我已經使用了「空間」和「左/右」方向鍵爲全局熱鍵 - 是爲了保護/防止它們被分配的一種方式？

是否有比使用.not（'input'）更好的選擇器來防止在輸入打字期間觸發軌道？

感謝您的幫助！

Answer 1

$(document).not('input')找不到所有不是input標籤的元素。它查找所有不是輸入元素的文檔節點（其中有一個）（這些文檔節點都是其中之一）。您所做的只是將處理程序附加到document。由於父元素被通知其後代觸發的事件，因此所有​​事件都由此函數處理。

你應該做的，而不是event.target使用：

$(document).keydown(function (event) { 
    if (event.target.nodeName.toLowerCase() !== 'input') { 
     var hkey = event.keyCode; 
     if (hkey == $('span#hk').text()){ 
      $("span#hk:contains("+hkey+")").parent().click(); 
     } 
    } 
}); 

的if聲明意味着處理程序沒有做任何事情，如果該事件源於一個input元素。