97人妻免费视频,欧美日韩一区二区三区四区五区,国产老熟女一区91,国产精品美女高潮呻吟

Web前端知識

首頁 > 免費 > Web前端知識 >

jQuery鍵盤事件使用教程

來源:北京匯仁智杰科技有限公司   時間:2015-12-09   點擊:

  jquery鍵盤事件使用介紹,需要的朋友可以參考下。

  一、首先需要知道的是:

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

  2、keyup()

  keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件

  3、keypress()

  keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵

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

  $(document).keydown(function(event){

  console.log(event.keyCode);

  });

  tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39;

  三、實例(當按下鍵盤上的左右方面鍵時)

  $(document).keydown(function(event){

  //判斷當event.keyCode 為37時(即左方面鍵),執(zhí)行函數to_left();

  //判斷當event.keyCode 為39時(即右方面鍵),執(zhí)行函數to_right();

  if(event.keyCode == 37){

  //do somethings;

  }else if (event.keyCode == 39){

  //do somethings;

  }

  });

  實例研究:

  比如:小說網站中常見的按左右鍵來實現上一篇文章和下一篇文章;按ctrl+回車實現表單提交;google reader和有道閱讀中的全快捷鍵操作...(以此提高用戶體驗)

  如果我們要實現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;

  })

網絡營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰