导航:首页 > 编程语言 > 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怎样获取键盘的高度相关的资料

热点内容
采集器怎么采集淘宝数据 浏览:706
word如何一次保存多个文件 浏览:266
光遇国际服网络错误怎么解决 浏览:648
塞班qq影音1 浏览:617
word文本框工具 浏览:781
如何编写简单的编程 浏览:253
苹果描述文件怎么打开 浏览:70
lol内部语音文件夹 浏览:177
魔趣忘记锁屏密码 浏览:690
ps大文件怎么转成pdf 浏览:917
lolS3是刺客版本s4法坦 浏览:623
美版苹果6s颜色有几种 浏览:368
ado操作excel文件数据 浏览:3
win10系统删不掉文件 浏览:770
lol最新61版本 浏览:242
什么叫通讯大数据出行卡 浏览:68
什么是创新编程教育 浏览:712
模具cnc编程入门先学什么 浏览:606
ug线切割编程如何显示毛坯 浏览:349
葫芦侠java版下载 浏览:989

友情链接