組合鍵指同時按下多個按鍵后執(zhí)行某些操作。在網頁開發(fā)中,通過jquery可以輕松地實現(xiàn)獲得組合鍵的操作。
首先,需要綁定keydown事件監(jiān)聽鍵盤按下動作:
$(document).keydown(function(event) { //代碼 });
在事件回調函數(shù)中,可以通過event對象獲取當前按下的鍵盤按鍵標識符:
var keycode = event.which || event.keyCode;
這里使用了event.which屬性和event.keyCode屬性,它們是兼容不同瀏覽器的寫法。如果按下了多個按鍵,則可以通過數(shù)組來記錄:
var keys = []; $(document).keydown(function(event) { keys[event.which] = true; }); $(document).keyup(function(event) { delete keys[event.which]; });
當有多個按鍵被按下時,可以通過判斷組合鍵是否符合預期來執(zhí)行特定操作:
$(document).keydown(function(event) { if (keys[17] && keys[83]) { //同時按下ctrl和s鍵 event.preventDefault(); //禁止瀏覽器默認操作 save(); //保存操作 } });
在上述代碼中,同時按下ctrl和s鍵時,將阻止瀏覽器默認操作并執(zhí)行保存操作。
下一篇div 上左右