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

热点内容
2016还能买到苹果4s 浏览:108
看房时应验收文件有哪些 浏览:57
股票app需求文档 浏览:134
关于义务教育的文件有哪些 浏览:810
哪个app可以听周杰伦全集 浏览:285
ro魔法师帽升级 浏览:851
u盘文件名显示FAT32 浏览:115
flm的数据文件放在哪里 浏览:348
魅族flyme账户修改密码 浏览:612
昌邑哪里有卖木质文件夹 浏览:173
扫描目录所有文件都有哪些 浏览:703
qq账号取消手机绑定 浏览:46
fp文件怎么打开 浏览:700
如何不折叠app 浏览:23
源文件格式图片 浏览:739
java嵌入webkit浏览器 浏览:217
js动态更改图片路径 浏览:412
如何看网络是否有问题 浏览:967
鬼谷八荒创建角色后在哪个文件里 浏览:135
ps修改扫描文件教程 浏览:346

友情链接