jQuery監聽鍵盤事件及相關操作使用

2022-08-30 22:36:26 字數 698 閱讀 6169

一、首先需要知道的是:

1、keydown() keydown事件會在鍵盤按下時觸發.

2、keyup()

keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件

3、keypress()

keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按鍵

二、獲得鍵盤上對應的ascii碼:

$(document).keydown(function(event)else if (event.keycode == 39){

//do somethings;

例項研究:

如果我們要實現ctrl+enter就是ctrl+回車提交表單,可以這樣:

$(document).keypress(function(e) {

if (e.ctrlkey && e.which == 13)

$("form").submit();

//鍵盤操作

$(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;

Vue中監聽鍵盤事件及自定義鍵盤事件

背景 在一些搜尋框中,我們往往需要監聽鍵盤的按下 onkeydown 或抬起 onkeyup 事件以進行一些操作。在原生js或者jquery中,我們需要判斷e.keycode的值來獲取使用者所按的鍵。這樣就存在乙個問題 我們必須知道某個按鍵的keycode值才能完成匹配,使用起來十分不便。方案 在v...

Flex 監聽鍵盤事件

flex 監聽鍵盤事件 2010 05 19 10 15 一 說明 1 只有當監聽的物件獲取焦點後,才能出接收到keyboardevent.key down event。二例子為應用程式的stage或元件的keydown事件新增 讀取keyboardevents的keycode屬性。使用keydow...

js監聽鍵盤事件

一 監聽全域性鍵盤按下事件,例如監聽全域性回車事件 d ocum ent key down fun ctio n ev ent if e vent key code 13 a lert 你按 下了en ter 二 監聽 某個元件 鍵盤按下 事件 如 butt on按鈕 do cume nt keyd...