document.onkeydown = function (event) {
創(chuàng)新互聯(lián)公司公司2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元牡丹江做網(wǎng)站,已為上家服務(wù),為牡丹江各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e e.keyCode) {
alert(e.keyCode);
}
}
每個(gè)鍵盤代表一個(gè)數(shù)字,37,38,39,40希望對(duì)你有幫助
一、設(shè)計(jì)思路:設(shè)計(jì)一個(gè)簡(jiǎn)單的輸入對(duì)話框,然后按下enter進(jìn)行輸入事件。
二、聊天輸入框的代碼如下:
三、此時(shí)的頁(yè)面展示如下:
四:設(shè)計(jì)函數(shù),使得輸入文字時(shí),按下按鈕可以提交到聊天框。
五、此時(shí)在頁(yè)面上測(cè)試,輸入一段文字:
六、執(zhí)行結(jié)果如下:
七、設(shè)計(jì)函數(shù),使得按下enter跟按鈕同樣的功能:
八、刷新頁(yè)面,測(cè)試:
首先
p id="keys" onKeyPress="keyContent(event);"
這句的 onKeyPress 多余了,因?yàn)樯厦娴?JS 代碼已經(jīng)給他綁定。
其次,因?yàn)檫@個(gè) p 不可編輯,所以不會(huì)產(chǎn)生 keypress 事件。
給你改一下程序,監(jiān)聽(tīng) window 的 keypress,顯示在指定區(qū)域。
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
titleJavaScript測(cè)試/title
script language="javascript" type="text/javascript"
function keyContent(e) {
if (!e) e = window.event;
if (e.keyCode) keyCode = e.keyCode;
else keyCode = e.which;
character = String.fromCharCode(keyCode);
k = document.getElementById("keys");
k.innerHTML += character;
}
window.onload = function() {
k = window;
if (k.addEventListener) {
k.addEventListener('keypress', keyContent, false);
}
else if (k.attachEvent) {
k.attachEvent('onkeypress', keyContent);
}
}
/script
/head
body
pDisplaying Typed Characters/p
pThis document includes a simple script that displays the keys you type in the paragraph below. Type a few keys and try it. /p
p id="keys" style="border: 1px solid #FF0000; width:300px; height:200px;"
/p
/body
/html
因?yàn)樵阪I盤編碼中沒(méi)有哪個(gè)按鍵的編碼值是0,所以將event.keyCode設(shè)置為0,進(jìn)而屏蔽掉退格鍵的編碼值。大概是這樣吧。
event.returnValue=false;這句話就是取消退格鍵的那個(gè)功能。嗯
script type="text/javascript" language=JavaScript charset="UTF-8"
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e e.keyCode==27){ // 按 Esc
//要做的事情
}
if(e e.keyCode==113){ // 按 F2
//要做的事情
}
if(e e.keyCode==13){ // enter 鍵
//要做的事情
}
};
/script
只要你定義了這些鍵的動(dòng)作,你在瀏覽器里按下這些鍵就會(huì)響應(yīng),兼容目前所有瀏覽器。
我做了一個(gè)jsp頁(yè)面,里面有個(gè)搜索的功能,搜索是一個(gè)放大鏡模樣的圖片,我給了個(gè)鏈接去執(zhí)行函數(shù),具體代碼是:span onclick="_search();"img src="images/search.gif" ?border="0" 現(xiàn)在用鼠標(biāo)點(diǎn)這個(gè)搜索圖片是沒(méi)問(wèn)題的
有搜索條件輸入框不?
有的話就在輸入框加上onkeypress="if (event.keyCode == 13) _search();"
沒(méi)有的話就給body加上面這段