導航:首頁 > 編程語言 > js怎樣獲取鍵盤的高度

js怎樣獲取鍵盤的高度

發布時間:2025-05-15 08:18:09

A. 怎麼讓js彈出的鍵盤收回

<pre t="code" l="js">//怎麼方便怎麼來,這是jq實現

//jq包引入到文件

$(;dialog_show;).dialog({
autoOpen: false,
bgiframe: true,
height: 600,
width:500,
modal: true,
resizable:true
});

div id=;dialog_show;;這里你可以自己寫個表單/div;

B. js監聽鍵盤上的加減號用以取代上下鍵來控制滾動條的滾動。

你給的代碼中 height:400 是錯誤的,需要加 px 單位。為了方便測試,我把高度改為了 100px。根據你的實際情況更改 scroll_height 的值,這里設為 10px。

<script type="text/javascript">
window.onload = function() {
// 指定每次按鍵後滾動長度,單位 px
var scroll_height = 10;
var gundong = document.getElementById("gundong");

document.onkeypress = function(e) {
e = e || window.event;
var keyStr = String.fromCharCode(e.which || e.keyCode);

// +,向上滾動
if(keyStr == "=") {
gundong.scrollTop = gundong.scrollTop - scroll_height;
}
// -,向下滾動
else if(keyStr == "-") {
gundong.scrollTop = gundong.scrollTop + scroll_height;
}
};
};
</script>

<div id="gundong" style="width:100%; height:100px; overflow:auto; border: 1px solid #f00;"/>
<table border="1">
<tr><td>cell</td></tr>
<tr><td>cell</td></tr>
<tr><td>cell</td></tr>
<tr><td>cell</td></tr>
<tr><td>cell</td></tr>
<tr><td>cell</td></tr>
</table>
</div>

C. js獲取鍵盤值的大小寫

js 裡面有個事件,

事件裡面有keyCode 屬性,可以獲取你按的鍵的鍵碼。

document.onkeydown=function(ev){
varoEvent=ev|專|event;//處理屬兼容
alert(oEvent.keyCode);
};

D. js 我剛剛在html標簽上加上了onkeydown事件 我想獲取我按下的鍵子的字元碼 jq最好

xObj.keyup(function(event){
02 //獲取當前按鍵的鍵值
03 //jQuery的event對象上有一個which的屬性可以獲得鍵盤按鍵的鍵值
04 varkeycode = event.which;
05 //處理回車的情況
06 if(keycode==13){
07 /*do somethings*/
08 }
09 //處理esc的情況
10 if(keycode == 27){
11
12 /*do other things*/
13 }
14});

E. js如何獲取input輸入框中輸入的值

1、首選打開襲sublimetext 3編輯器創建一個html文件,然後創建一個按鈕和一個輸入框:

F. 如何用JS獲取鍵盤上任意按鍵的值

<script type="text/javascript">

document.onkeydown = function(e) {
e = e || window.event;
var kcode = e.which || e.keyCode;
if(document.getElementById("prev") && document.getElementById("next")) {
if(String.fromCharCode(kcode) === "A") {
shang();
}
else if(String.fromCharCode(kcode) === "D") {
xia();
}
}
};
</script>

G. js怎麼監聽移動端鍵盤展開事件

目的 : 監聽移動端鍵盤展開事件

工具 : 移動端, js

思路 : 可以通過監聽窗口大小的改變來實現,當端鍵盤展開時,窗口的大小發生改變,依據此基礎進行判斷.

js 移動端關於頁面布局,如果底部有position:fixed的盒子,又有input,當軟鍵盤彈出收起都會影響頁面布局。這時候Android可以監聽resize事件,代碼如下,而iOS沒有相關事件。

方法一實現代碼:

//獲取當前頁面高度
varwinHeight=$(window).height();
$(window).resize(function(){
varthisHeight=$(this).height();
if(winHeight-thisHeight>50){
//窗口發生改變(大),故此時鍵盤彈出
//當軟鍵盤彈出,在這裡面操作
}else{
//窗口發生改變(小),故此時鍵盤收起
//當軟鍵盤收起,在此處操作
}
});

方法二:監控鍵盤

監控的方式其實篩選下來也不過兩種:

① 時鍾setInterval不停監控

系統級別的監控,比如鍵盤出現時候通知window一個事件,但是很遺憾現在還沒有這個事件,但是這個事件等於

input類元素獲取焦點 == 彈出虛擬鍵盤

input類元素失去焦點 == 收起虛擬鍵盤

但是我們前面已經說過,上面的原則不一定可靠,所以該種方案也未必可靠了

基於系統監控這點,我們還可以監控resize事件或者scroll事件,但是經過我的測試,setInterval表現比較好.於是,我們簡單寫一段代碼,可靠是否滿足需求:

window.alert=function(msg){
$('body').append('<div>'+msg+'</div>')
};
functionfixedWatch(el){
if(document.activeElement.nodeName=='INPUT'){
el.css('position','static');
}else{
el.css('position','fixed');
}
}

setInterval(function(){
fixedWatch($('#headerviewheader'));
},500);

如上:移動端鍵盤展開事件即可被監聽.

H. javascript代碼實現鍵盤控制方向

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>在div內部拖動div</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<metahttp-equiv="Content-Language"content="zh-CN"/>
<metaname="Keywords"content=""/>
<metaname="Description"content=""/>
</head>
<body>
<divid="main"></div>
</body>
</html>
<scripttype="text/javascript">
varmain=document.getElementById("main");
document.onkeydown=function(event){
event=event||window.event;
varkeycode=event.keyCode||event.which;

switch(keycode){
case13:
main.innerHTML="enter";
break;
case37:
main.innerHTML="zuo";
break;
case38:
main.innerHTML="shang";
break;
case39:
main.innerHTML="you";
break;
case40:
main.innerHTML="xia";
break;
}
};
</script>

閱讀全文

與js怎樣獲取鍵盤的高度相關的資料

熱點內容
在編程貓nemo里怎麼下載圖片 瀏覽:298
羅布樂思游戲怎麼編程 瀏覽:419
eco是什麼意思app 瀏覽:730
psformac安裝教程 瀏覽:459
用圖片來寫js的時鍾 瀏覽:784
linux如何找到最長的文件 瀏覽:127
ug編程法蘭克怎麼調行程 瀏覽:162
揚州班台文件櫃大概多少錢 瀏覽:546
win10如何快速重命名文件夾 瀏覽:317
登錄個人網站有什麼好處 瀏覽:621
索尼100app和鐵三角msr5哪個好 瀏覽:333
什麼是隨機文件 瀏覽:175
word顯示左邊 瀏覽:435
微信支付getprepayid 瀏覽:158
ps文件變成表情包 瀏覽:648
儲存手機數據有哪些 瀏覽:406
佰草集測膚儀的是哪個app 瀏覽:167
PADS庫路徑文件中找不到庫 瀏覽:885
chmod只讀文件系統 瀏覽:670
怎麼看出孩子看不良網站 瀏覽:123

友情鏈接