1. 程式人生 > >隱藏、顯示實現

隱藏、顯示實現

focus()

當元素獲得焦點時,發生 focus 事件。

當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時,該元素就會獲得焦點。

focus() 方法觸發 focus 事件,或規定當發生 focus 事件時執行的函式:

blur()

當元素失去焦點時,發生 blur 事件。

blur() 方法觸發 blur 事件,或規定當發生 blur 事件時執行的函式:

keypress,keydown,keyup的區別:

  •  1.keydown:在鍵盤上按下某鍵時發生,一直按著則會不斷觸發(opera瀏覽器除外), 它返回的是鍵盤程式碼;
  •  2.keypress:在鍵盤上按下一個按鍵,併產生一個字元時發生, 返回ASCII碼。注意: shift、alt、ctrl
    等鍵按下並不會產生字元,所以監聽無效 ,換句話說, 只有按下能在螢幕上輸出字元的按鍵時keypress事件才會觸發。若一直按著某按鍵則會不斷觸發。
  •  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 函式加上括號時,函式立即執行,只會呼叫一次, 如果不加括號,元素顯示或隱藏後呼叫函式,才會呼叫多次。