js鍵盤實例講解,js鍵盤實例講解教程

本文目錄一覽：

• 1、用js怎麼寫一個回車鍵盤事件
• 2、js實現可鍵盤控制的簡單抽獎程序
• 3、javascript代碼實現鍵盤控制方向
• 4、js鍵盤事件的使用
• 5、如何用js輸出鍵盤按鍵？
• 6、js如何才能模擬鍵盤按鍵？

用js怎麼寫一個回車鍵盤事件

一、設計思路：設計一個簡單的輸入對話框，然後按下enter進行輸入事件。

二、聊天輸入框的代碼如下：

三、此時的頁面展示如下：

四：設計函數，使得輸入文字時，按下按鈕可以提交到聊天框。

五、此時在頁面上測試，輸入一段文字：

六、執行結果如下：

七、設計函數，使得按下enter跟按鈕同樣的功能：

八、刷新頁面，測試：

js實現可鍵盤控制的簡單抽獎程序

本文實例為大家分享了js抽獎程序的編寫代碼，以及編寫注意事項，感興趣的小夥伴們可以參考一下

代碼：

!DOCTYPE

html

html

lang=”en”

head

meta

charset=”UTF-8″

title簡單抽獎（可用鍵盤）/title

style

*{margin:0;padding:0;}

.box{width:

400px;height:

300px;margin:50px

auto;background:

red}

.title{color:

#fff;font-size:

30px;font-weight:700px;padding:

50px

0;text-align:

center;height:40px;}

.btm{text-align:

center;padding:20px

0;}

.btm

a{display:

inline-block;width:

120px;height:60px;line-height:

60px;background:

#FEF097;margin:0

10px;text-decoration:

none;}

/style

script

var

data=[‘Iphone’,’Ipad’,’筆記本’,’相機’,’謝謝參與’,’充值卡’,’購物券’],

timer=null,//定時器

flag=0;//阻止多次回車

window.onload=function(){

var

play=document.getElementById(‘play’),

stop=document.getElementById(‘stop’);

//

開始抽獎

play.onclick=playFun;

stop.onclick=stopFun;

//

鍵盤事件

document.onkeyup=function(event){

event

=

event

||

window.event;

//

回車鍵的code值：13

if(event.keyCode==13){

if(flag==0){

playFun();

flag=1;

}else{

stopFun();

flag=0;

}

}

}

function

playFun(){

var

title=document.getElementById(‘title’);

var

play=document.getElementById(‘play’);

clearInterval(timer);

timer=setInterval(function(){

var

random=Math.floor(Math.random()*data.length);

title.innerHTML=data[random];

},60);

play.style.background=’#999′;

}

function

stopFun(){

clearInterval(timer);

var

play=document.getElementById(‘play’);

play.style.background=’#FEF097′;

}

}

/script

/head

body

div

class=”box”

div

class=”title”

id=”title”淘家趣抽獎/div

div

class=”btm”

a

href=”javascript:;”

id=”play”開始/a

a

href=”javascript:;”

id=”stop”停止/a

/div

/div

/body

/html

注意點：

1.隨機數，取數組的其中一個；取0-n之間：Math.random()*(n+1)

2.定時器，開始抽獎時要停止前面的一次抽獎，不然會定時器重疊

3.按鍵操作，要判斷是抽獎進行中，還是未開始，所有設置了變量

flag

想要學習更多關於javascript抽獎功能，請參考此專題：javascript實現抽獎功能

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

javascript代碼實現鍵盤控制方向

通過創建一個event.keyCode對象，有獲取鍵盤上的方向鍵，運行代碼後，點擊鍵盤上的任意方向鍵。代碼如下：

html

head

title取得鍵盤的方向鍵/title

script language=”javascript”

!–

function showkey(){

key = event.keyCode;

if (key == 37) alert(“按了←鍵！”);

if (key == 38) alert(“按了↑鍵！”);

if (key == 39) alert(“按了→鍵！”);

if (key == 40) alert(“按了↓鍵！”);

}

document.onkeydown=showkey;

—

/script

/head

body

請按方向鍵←↑→↓

/body

/htmlbr /center如不能顯示效果，按Ctrl+F5刷新。

js鍵盤事件的使用

onkeydown = function(event){

if(event.keyCode == 13)

{

alert(‘你按了回車鍵’);//不同的鍵有不同的值，你可以查找相關的鍵盤代碼表

}

}

如何用js輸出鍵盤按鍵？

input type=”button” name=”btn” value=”點擊101″

onclick=” cal(prompt(‘請輸入第一個鍵盤按鍵字母：’),prompt(‘請輸入第二個鍵盤按鍵字母：’)) ” /

script type=”text/javascript”

function cal(num01,num02){

/*var num11 = parseInt(num01);

var num22 = parseInt(num02);*/

alert(num01);

alert(num02);

}

/script

js如何才能模擬鍵盤按鍵？

這個不能把，我要是能的話不斷模擬用戶點擊 alt+F4，那網頁還能打開嗎有安全漏洞的東西，瀏覽器一般不會允許