隱藏、顯示實現
阿新 • • 發佈:2018-11-04
focus()
當元素獲得焦點時,發生 focus 事件。
當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時,該元素就會獲得焦點。
focus() 方法觸發 focus 事件,或規定當發生 focus 事件時執行的函式:
blur()
當元素失去焦點時,發生 blur 事件。
blur() 方法觸發 blur 事件,或規定當發生 blur 事件時執行的函式:
keypress,keydown,keyup的區別:
- 1.keydown:在鍵盤上按下某鍵時發生,一直按著則會不斷觸發(opera瀏覽器除外), 它返回的是鍵盤程式碼;
- 2.keypress:在鍵盤上按下一個按鍵,併產生一個字元時發生, 返回ASCII碼。注意: shift、alt、ctrl
- 3.keyup:使用者鬆開某一個按鍵時觸發, 與keydown相對, 返回鍵盤程式碼.
jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。//來回切換
-
$(selector).toggle(speed,callback);
可選的 speed 引數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。
-
對於可選的 callback 引數,有以下兩點說明:
1.$(selector)選中的元素的個數為n個,則callback函式會執行n次;
2.callback函式名後加括號,會立刻執行函式體,而不是等到顯示/隱藏完成後才執行;
3.callback既可以是函式名,也可以是匿名函式;
-
$(selector) 選中的元素的個數為 n 個,則 callback 函式會執行 n 次。
對於這裡,當 callback 函式加上括號時,函式立即執行,只會呼叫一次, 如果不加括號,元素顯示或隱藏後呼叫函式,才會呼叫多次。