四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

javascript的鍵盤控制事件說(shuō)明

控制回車焦點(diǎn)問(wèn)題:
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
function submitForm() {
if(window.event.keyCode==13) {
document.getElementById('btnSearch').focus();
}
}
document.onkeydown=submitForm;
</script>

首先需要了解的是如何初始化該事件,基本語(yǔ)句如下:
   document.onkeydown = keyDown
   當(dāng)瀏覽器讀到這個(gè)語(yǔ)句時(shí),無(wú)論按下鍵盤上的哪個(gè)鍵,都將呼叫KeyDown()函數(shù)。
   捕獲鍵盤事件對(duì)于不同的瀏覽器來(lái)說(shuō)有點(diǎn)困難,我們分別的來(lái)學(xué)習(xí)不同瀏覽器的實(shí)現(xiàn)語(yǔ)句。
   NETscape
   NETscape的程序?qū)崿F(xiàn)要比IE麻煩,你必須放一個(gè)特別的語(yǔ)句,來(lái)使NETscape始終去檢查擊鍵事件,如果沒(méi)有這行語(yǔ)句,擊鍵事件將與按下鼠標(biāo)事件搞混。特別語(yǔ)句如下:
   document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)
   keyDown()函數(shù)有一個(gè)隱藏的變量--一般的,我們使用字母“e”來(lái)表示這個(gè)函數(shù)。
   function keyDown(e)
   變量e表示發(fā)生擊鍵事件,尋找是哪個(gè)鍵被按下,使用以下屬性:
   e.which
   這將給出該鍵的索引值,把索引值轉(zhuǎn)化成該鍵的字母或數(shù)字值,寫:
   String.fromCharCode(e.which)
   把上面的語(yǔ)句放在一起,我們可以知道被按下的是哪一個(gè)鍵:
復(fù)制代碼 代碼如下:
   function keyDown(e) {
  var keycode = e.which
  var realkey = String.fromCharCode(e.which)
  alert("keycode: " + keycode + " realkey: " + realkey)
}
   document.onkeydown = keyDown
document.captureEvents(Event.KEYDOWN)

   InterNET Explorer
   IE的程序與NETscape類似,但它不需要e變量,用window.event.keyCode來(lái)代替e.which,把鍵的索引值轉(zhuǎn)化為真實(shí)鍵值方法類似:String.fromCharCode(event.keyCode),程序如下:
復(fù)制代碼 代碼如下:
   function keyDown() {
   var keycode = event.keyCode
   var realkey = String.fromCharCode(event.keyCode)
   alert("keycode: " + keycode + " realkey: " + realkey)
}
document.onkeydown = keyDown
document.onkeydown = keyDown

   適用于兩者的程序
   用兩種瀏覽器檢查上述實(shí)例,你會(huì)發(fā)現(xiàn)執(zhí)行結(jié)果不總是一樣的,這是因?yàn)閮煞N瀏覽器的鍵盤代碼設(shè)置不相同,因此你必須使用單獨(dú)的代碼分別來(lái)寫這段程序,而毫無(wú)別法。
   建議你要完全忘掉實(shí)際的鍵值,僅僅使用鍵盤的代碼值來(lái)工作。下面這段程序?qū)⒁暻闆r而設(shè)置,如果是用IE的話,ieKey生效,把nKey設(shè)為0,如果是用NETscape的話,nKey生效,把nKey設(shè)為0,然后用一個(gè)警示框來(lái)顯示兩者的值:
復(fù)制代碼 代碼如下:
   function keyDown(e) {
  if (ns4) {
   var nKey=e.which;
   var ieKey=0
  }
  if (ie4) {
   var ieKey=event.keyCode;
   var nKey=0
  }
  alert("nKey:"+nKey+" ieKey:" + ieKey)
}
document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)

   使用鍵盤移動(dòng)對(duì)象
   下面的程序?qū)崿F(xiàn)用鍵盤移動(dòng)對(duì)象,程序?qū)z查哪一個(gè)鍵被按下,從而調(diào)用相應(yīng)的函數(shù)來(lái)移動(dòng)對(duì)象。本例中,當(dāng)字母“A”被按下時(shí),對(duì)象就開(kāi)始移動(dòng),字母“A”鍵在nKey中的值是97,ieKey的值為65,在程序中將分別檢查這兩個(gè)值。
復(fù)制代碼 代碼如下:
   function init() {
  if (ns4) block = document.blockDiv
  if (ie4) block = blockDiv.style
  block.xpos = parseInt(block.left)
  document.onkeydown = keyDown
  if (ns4) document.captureEvents(Event.KEYDOWN)
}
function keyDown(e) {
  if (ns4) { var nKey=e.which; var ieKey=0 }
  if (ie4) { var ieKey=event.keyCode; var nKey=0 }
  if (nKey==97 || ieKey==65) { // 如果"A"鍵按下
    slide()
  }
}
function slide() {
  block.xpos += 5
  block.left = block.xpos
  status = block.xpos // 這一句不一定需要,只是為了檢查狀態(tài)
  setTimeout("slide()",30)
}

   增加 "Active"變量
   上面程序稍微有些不足,對(duì)象移動(dòng)以后就無(wú)法使它停止了,而且當(dāng)你多按幾次A鍵時(shí),物體將運(yùn)動(dòng)得越來(lái)越快,這里我們來(lái)修補(bǔ)它。
   使用變量"active"來(lái)改變這種情況,插入if語(yǔ)句來(lái)檢查函數(shù)是否重復(fù)。
復(fù)制代碼 代碼如下:
   function slide() {
  if (myobj.active) {
  myobj.xpos += 5
  myojb.left = myobj.xpos
  setTimeout("slide()",30)
  }
}

   在這種情況中,slide()函數(shù)只有在myobj.active值為真的時(shí)候才會(huì)工作,當(dāng)myobj.active值為假時(shí),對(duì)象將停止移動(dòng)
   使用 onKeyUp 和 "Active" 變量
   onkeyup事件和onkeydown事件工作原理相同,用以下語(yǔ)句初始化該事件:
復(fù)制代碼 代碼如下:
   document.onkeydown = keyDown
document.onkeyup = keyUp
if (ns4) document.captureEvents(Event.KEYDOWN | Event.KEYUP)

   keyUp() 函數(shù)與之相同,當(dāng)一個(gè)鍵被放開(kāi)時(shí)事件被激發(fā),對(duì)象停止移動(dòng),并將active變量置為0:
復(fù)制代碼 代碼如下:
   function keyUp(e) {
  if (ns4) var nKey = e.which
  if (ie4) var ieKey = window.event.keyCode
  if (nKey==97 || ieKey==65)
  block.active = false
}

   下面是比較完整的程序:
復(fù)制代碼 代碼如下:
   function init() {
  if (ns4) block = document.blockDiv
  if (ie4) block = blockDiv.style
  block.xpos = parseInt(block.left)
  block.active = false
  document.onkeydown = keyDown
  document.onkeyup = keyUp
  if (ns4) document.captureEvents(Event.KEYDOWN | Event.KEYUP)
}
function keyDown(e) {
  if (ns4) {var nKey=e.which; var ieKey=0}
  if (ie4) {var ieKey=event.keyCode; var nKey=0}
  if ((nKey==97 || ieKey==65) && !block.active) { // if "A" key is pressed
    block.active = true slide()
  }
}
function keyUp(e) {
  if (ns4) {var nKey=e.which; var ieKey=0}
  if (ie4) {var ieKey=event.keyCode; var nKey=0}
  if (nKey==97 || ieKey==65) {
  block.active = false // if "A" key is released
  }
}
function slide() {
   if (block.active) {
    block.xpos += 5
    block.left = block.xpos
    status = block.xpos // not needed, just for show
    setTimeout("slide()",30)
   }
}

JavaScript技術(shù)javascript的鍵盤控制事件說(shuō)明,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: junk boy| 小红书如何开通店铺| 阿妹的诺言| 小池里奈| 白洁少妇董汐星空传媒影视| 阿星| 职业探索怎么写| 欧美日韩欧美日韩| 五谷丰登图片| 吴京电影大全| 唐人街探案免费观看完整版| 每周食品安全排查治理报告表| 羞羞的视频| 白浩| 田教授的28个保姆演员表| 萱草花二声部合唱谱| 告白气球伴奏| 斌子| 破晓东方演员表名单| 探究事物的本质的读后感想| 苍兰| 免费观看电影网| 囚徒 电影| 在线播放www精品视频一级下载| 钱串子图片| 老版《桃太郎》| 员工的秘密| 美国电影《贵夫人》| 性行| 饶太郎| 罗伯特·杜瓦尔| 腾格尔演的喜剧电影| 蛇谷奇兵 电影| 韩国三级播放| 红灯区在线观看| 韩国最火主播朴曼妮| 星河长明免费观看电视剧| 血芙蓉电影| 巢谷传| 婚前婚后电影高清完整版| 尹雪喜新建文件夹2|