JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件
更新時間：2020年08月07日 11:18:08 作者：Y小潤！
這篇文章主要介紹了JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件，文章通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
效果圖：
HTML部分:
- 首先設置幾個盒子，用來構建這個頁面的大致框架。
- 給盒子相應的類名以及id，方便css的布局以及JQuery的獲取。
- 在盒子內放入文字。
- 引用JQuery插件。
CSS部分：
1.設置一個公共的類（HTML），在里面寫公共的樣式，并且放入HTML的盒子中。
2.設置關鍵幀的值，添加一些CSS3的動畫效果。
3.把引用關鍵幀的的函數封裝在一個類（CSS）中。
JQuery部分：
1.先設置鍵盤按下事件（onkeydown）。
2.if判斷中輸入相應的鍵碼值，確定你所按下的鍵盤。
3.獲取對應的ID，然后用JQuery代碼給HTML布局添加封裝著關鍵幀動畫函數的類。
4.設置鍵盤松開事件（onkeyup）。
5.鍵碼值要與（onkeydown）中對應的鍵碼一致。
5.設置一次性定時器，在定時器的函數體中寫入代碼塊。
6.通過定時器，規(guī)定每過多長時間就會把封裝著關鍵幀動畫函數的類移除，以實現可以多次按下鍵盤的效果。
到此這篇關于JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件的文章就介紹到這了,更多相關JQuery鍵盤按下與松開事件內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
在Web項目中引入Jquery插件報錯的完美解決方案(圖解)
這篇文章主要介紹了在Web項目中引入Jquery插件報錯的完美解決方案的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄胘query獲取自定義的標簽屬性的值簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
2009-05-05
這里給大家分享的是一段自己編寫的使用jQuery實現拽調整Div層大小的代碼，非常實用，推薦給有需要的小伙伴們。2015-01-01
prop() 方法應該用于檢索屬性值，例如 DOM 屬性，如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected，這里腳本之家小編就為大家介紹一下啊2020-01-01
這篇文章主要介紹了jQuery實現數秒后自動提交form的方法,實例分析了jQuery實現form表單延時提交的技巧,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery自定義滾動條,以完整實例形式分析了jQuery響應scroll事件及鼠標事件實現滾動條效果的相關技巧,需要的朋友可以參考下2016-01-01
自帶的select標簽有時候不能滿足我們的需求，所以自定義一個select標簽插件，需要的朋友可以參考下。2011-11-11
本文詳細講解了jQuery中的事件，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
最近做項目遇到這樣的需求，要求基于jq判斷網頁是否已經滾動到瀏覽器底部了，下面小編給大家分享實例代碼，需要的朋友參考下吧2017-10-10