欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件

 更新時(shí)間:2020年08月07日 11:18:08   作者:Y小潤(rùn)!  
這篇文章主要介紹了JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件,文章通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

效果圖:

在這里插入圖片描述

HTML部分:

  1. 首先設(shè)置幾個(gè)盒子,用來構(gòu)建這個(gè)頁(yè)面的大致框架。
  2. 給盒子相應(yīng)的類名以及id,方便css的布局以及JQuery的獲取。
  3. 在盒子內(nèi)放入文字。
  4. 引用JQuery插件。

在這里插入圖片描述

CSS部分:

1.設(shè)置一個(gè)公共的類(HTML),在里面寫公共的樣式,并且放入HTML的盒子中。
2.設(shè)置關(guān)鍵幀的值,添加一些CSS3的動(dòng)畫效果。
3.把引用關(guān)鍵幀的的函數(shù)封裝在一個(gè)類(CSS)中。

在這里插入圖片描述

JQuery部分:

1.先設(shè)置鍵盤按下事件(onkeydown)。
2.if判斷中輸入相應(yīng)的鍵碼值,確定你所按下的鍵盤。
3.獲取對(duì)應(yīng)的ID,然后用JQuery代碼給HTML布局添加封裝著關(guān)鍵幀動(dòng)畫函數(shù)的類。

在這里插入圖片描述

4.設(shè)置鍵盤松開事件(onkeyup)。
5.鍵碼值要與(onkeydown)中對(duì)應(yīng)的鍵碼一致。
5.設(shè)置一次性定時(shí)器,在定時(shí)器的函數(shù)體中寫入代碼塊。
6.通過定時(shí)器,規(guī)定每過多長(zhǎng)時(shí)間就會(huì)把封裝著關(guān)鍵幀動(dòng)畫函數(shù)的類移除,以實(shí)現(xiàn)可以多次按下鍵盤的效果。

在這里插入圖片描述

到此這篇關(guān)于JQuery通過鍵盤控制鍵盤按下與松開觸發(fā)事件的文章就介紹到這了,更多相關(guān)JQuery鍵盤按下與松開事件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論