关于安卓机Input获取焦点时的一些处理(仅供参考)
2017-03-24 10:59
387 查看
<div id="dv" style="width: 100%; height: 2rem; font-size: 0.3rem;" > </div>
<div> <input type="text" name="phpo" id="phpo" value="" placeholder="请输入手机号" width="3rem" height="1rem"/></div>
$(function(){
//$("#phpo").blur(function(){
//var dTop=$(document).scrollTop();
//$('body').scrollTop(-dTop)
//$(document).scrollTop()=0;
//alert(dTop)
var timer, windowInnerHeight;
function eventCheck(e) {
if (e) { //blur,focus事件触发的
$('#dv').html('android键盘' + (e.type == 'focus' ? '弹出' : '隐藏') + '--通过' + e.type + '事件');
if (e.type == 'click') {//如果是点击事件启动计时器监控是否点击了键盘上的隐藏键盘按钮,没有点击这个按钮的事件可用,keydown中也获取不到keyCode值
setTimeout(function () {//由于键盘弹出是有动画效果的,要获取完全弹出的窗口高度,使用了计时器
windowInnerHeight = window.innerHeight;//获取弹出android软键盘后的窗口高度
timer = setInterval(function () { eventCheck() }, 100);
}, 500);
}
else {
var dTop=$(document).scrollTop();
$('body').scrollTop(-dTop)
clearInterval(timer)
};
}
else { //计时器执行的,需要判断窗口可视高度,如果改变说明android键盘隐藏了
if (window.innerHeight > windowInnerHeight) {
var dTop=$(document).scrollTop();
clearInterval(timer);
$('#dv').html('android键盘隐藏--通过点击键盘隐藏按钮');
$('body').scrollTop(-dTop)
}
}
}
$('#phpo').click(eventCheck).blur(eventCheck);
})
<div> <input type="text" name="phpo" id="phpo" value="" placeholder="请输入手机号" width="3rem" height="1rem"/></div>
$(function(){
//$("#phpo").blur(function(){
//var dTop=$(document).scrollTop();
//$('body').scrollTop(-dTop)
//$(document).scrollTop()=0;
//alert(dTop)
var timer, windowInnerHeight;
function eventCheck(e) {
if (e) { //blur,focus事件触发的
$('#dv').html('android键盘' + (e.type == 'focus' ? '弹出' : '隐藏') + '--通过' + e.type + '事件');
if (e.type == 'click') {//如果是点击事件启动计时器监控是否点击了键盘上的隐藏键盘按钮,没有点击这个按钮的事件可用,keydown中也获取不到keyCode值
setTimeout(function () {//由于键盘弹出是有动画效果的,要获取完全弹出的窗口高度,使用了计时器
windowInnerHeight = window.innerHeight;//获取弹出android软键盘后的窗口高度
timer = setInterval(function () { eventCheck() }, 100);
}, 500);
}
else {
var dTop=$(document).scrollTop();
$('body').scrollTop(-dTop)
clearInterval(timer)
};
}
else { //计时器执行的,需要判断窗口可视高度,如果改变说明android键盘隐藏了
if (window.innerHeight > windowInnerHeight) {
var dTop=$(document).scrollTop();
clearInterval(timer);
$('#dv').html('android键盘隐藏--通过点击键盘隐藏按钮');
$('body').scrollTop(-dTop)
}
}
}
$('#phpo').click(eventCheck).blur(eventCheck);
})
相关文章推荐
- 安卓中关于图片从网络获取,压缩,上传,下载,缩略图,缓存的一些处理总结(二)
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- 安卓中关于图片从网络获取,压缩,上传,下载,缩略图,缓存的一些处理总结(三)
- winform学习之-----关于按键操作的一些小知识(如何获取焦点所在的当前控件)20160623
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- 关于input标签获取焦点并检测及内容的方法
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- 安卓中关于图片从网络获取,压缩,上传,下载,缩略图,缓存的一些处理总结(四)
- 安卓中关于图片从网络获取,压缩,上传,下载,缩略图,缓存的一些处理总结(一)
- 关于View中焦点获取的一些问题
- 关于EditText自动获取焦点的处理
- sqlserver中关于text/ntext列的一些处理技巧
- ABAP--关于ABAP流程处理的一些命令的说明(stop,exit,return,check,reject)
- ABAP--关于ABAP流程处理的一些命令的说明(stop,exit,return,check,reject)
- 关于jquery获取input的value问题