JS 獲取和響應鍵盤按鍵事件
場景:
頁面中需要設定快捷鍵。
下面Demo是組合按鍵按下事件,可直接使用,單個按鍵響應事件,只需要將 if 中的 按鍵值更改至需要的鍵位即可,該例子引用百度靜態庫的jquery資源,需要在聯網環境下執行。
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>監聽鍵盤按鍵Demo</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready( function(){ document.onkeydown = function(){ var oEvent = window.event; if (oEvent.ctrlKey && oEvent.altKey && oEvent.keyCode ==77) { alert("剛剛按下的是 ctrl + alt + m 組合鍵"); } } }); </script> </head> </html>
Jquery 鍵盤事件:
1. keydown():
按鍵按下時,會觸發該事件;
2. keyup();
按鍵按下鬆開時,會觸發該事件;
3. keypress();
敲擊按鍵時觸發,我的理解是對同一個鍵按下,馬上放開。
使用:
$(document).keydown(function(e){
console.log(e.keyCode); //獲取當前按鍵的鍵碼
});
獲取到鍵碼,我們就可以做對應的邏輯判斷了。$(document).keydown(function(event){ var e = event || window.event; var k = e.keyCode || e.which; switch(k) { case 37: //… break; case 39: //… break; } return false; })
常用的鍵盤事件對應的鍵碼:
keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock (數字鎖定鍵)
相關推薦
JS 獲取和響應鍵盤按鍵事件
場景: 頁面中需要設定快捷鍵。 下面Demo是組合按鍵按下事件,可直接使用,單個按鍵響應事件,只需要將 if 中的 按鍵值更改至需要的鍵位即可,該例子引用百度靜態庫的jquery資源,需要在聯網環境下執行。 <%@ page language="java
js IE和火狐繫結事件
<script> function(){ var EventUtil = { addHandler: function(element, type, handler){ if (element.addEventListener){
js獲取和設定的值
<span style="font-size:18px;"><!doctype html> <html lang="en"> <head> <
JS獲取和設定游標的位置
<html> <head> <script language="javascript"> function getCursortPosition (ctrl) {//獲取游標位置函式 var CaretPos = 0; // IE Su
C語言實現模擬鍵盤按鍵事件
#include <stdio.h> #include <windows.h> #define KEYDOWN(vk_code) ((GetAsyncKeyState(vk_code) & 0x8000) ? 1 : 0) #define K
js獲取和設定<input>的值
<span style="font-size:18px;"><!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <
Angular6 鍵盤按鍵事件
工作後一直在使用Angular,目前已經使用到Angular6,現在記錄一些常用的技術點以供後續使用。 在使用表單時,經常要用到表單搜尋,按回車或鍵盤某一個鍵來觸發方法,angular提供了一個標籤。 寫法1: (此方法優點是當需要多個鍵觸發方法時,可以用到,如果只是某
Qt 處理鍵盤按鍵事件:只能輸入字母 keyPressEvent
鍵盤事件:處理鍵盤輸入,只輸入字母 main.cpp #include<QApplication> #include “DemoWidget.h” int main(int args , char ** argv) { QApplicatio
JS 獲取和設定input值,控制表單提交地址
以 JS 注入的方式獲取和設定input域的值: <!doctype html> <html lang="en"> <head> <meta
Atitit.android js 的鍵盤按鍵檢測Back鍵Home鍵和Menu鍵事件
個人說明 提供相關技術諮詢,以及解決方案編制,編制相關標準化規範草案,軟體培訓與技術點體系建設,知識圖譜體系化,提供軟體行業顧問佈道,12年的軟體行業背景,歡迎有志於軟體行業的同仁們互相交流,群名稱:標準化規範工作組草案,群 號:518818717, 聯絡方式: [
Js中獲取鍵盤的事件
sub 定義 sla set select 做的 aer ren rcu 使用方法: <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onke
JS獲取鍵盤事件
sem fun char enter 鍵盤 equal greate amd lan <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onke
原生JS相容所有瀏覽器獲取瀏覽器高度和寬度,響應式佈局 js 獲取瀏覽器高度和寬度值(相容多瀏覽器)
var width = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
iframe js獲取父級元素資訊,設定css樣式 和繫結事件
獲取iframe 父級id 為objid的內容。 $('#objid',window.parent.document).val(""); 初始化為iframe 父級 id為cancel1繫結事件 $('#cancel1',window.parent.document).
vc++如何響應鍵盤和滑鼠事件
鍵盤常用ASCII碼 ESC鍵 VK_ESCAPE (27)回車鍵: VK_RETURN (13)TAB鍵: VK_TAB (9)Caps Lock鍵: VK_CAPITAL (20)Shift鍵: VK_SHIFT ($10)Ctrl鍵: VK_CONTROL (17)Alt鍵: VK_MENU (18)空
js獲取瀏覽器和設備相關width(屏幕的寬度)
view dev viewport document one size ini left cal 首先呢,我們將iPhone手機的相關數據表示如下 我們要理解很多東西,比如邏輯分辨率、物理分辨率、縮放因子、ppi等,這裏先不討論。 首先呢,我們先介紹下各個屏幕寬度: 網
js 獲取瀏覽器高度和寬度值
工作 nth 目前 idt 可見 精確 滾動 獲取對象 nbsp IE中: document.body.clientWidth ==> BODY對象寬度 document.body.clientHeight ==> BODY對象高度 document.docum
js href和點擊事件處理跳轉
js href和點擊事件處理跳轉<a class="yykf11" href="{:U(‘House/yuyue‘,array(‘esfid‘=>$house[‘esfid‘]))}" datatitle="預約看房">預約看房</a>$().((e){ userte
[No0000F1]js獲取喜馬拉雅和荔枝FM電臺專輯音頻
down http oca 分享 user lis ul li cnblogs func 荔枝FM小書簽.txt javascript: (function() { if ($(‘#down_url‘)) { $(‘#down_url‘).
JS獲取鼠標左(右)滑事件
col function 點擊 doc 一個 cti 輸出 解釋 log 鼠標左(右)滑也是網站開發中常見的效果之一,這裏對鼠標左(右)滑做出一些解釋。 首先要獲取需要左右滑事件的節點: eg: var div=document.getElementByI