用Angular5.2.9 + Ionic3.2 + Ionic Native 4.5.3 + Cordova8.0 + Cordova-ios 4.5.4 + Cordova-plugin-inappbrowser 2.0.3-dev 做了一个带有InAppBrowser的APP,在APP中访问如下html,运行后效果 以及 代码如下:
testsoftkeyboard3.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript">
var objInput1=null;
var objInput2=null;
function initLoad()
{
objInput1=document.getElementById("input1");
objInput2=document.getElementById("input2");
}
function onBlur(event)
{
if(event.target.value == 'abc')
{
event.target.style.backgroundColor="#ffffff";
return true;
}
//这里如果不用setTimeout来执行alert,那么当采用下面描述的方式2时,整个InAppBrowser会死掉,不想应任何操作
setTimeout(function () {
alert('please input abc');
//objInput1.focus();
//objInput1.click();
}, 0);
event.target.style.backgroundColor = "#ff0000";
event.target.focus();
event.target.click();
return false;
}
</script>
</head>
<body onload="javascript:initLoad()">
input1:<input type="text" id="input1" onblur="javascript:onBlur(event);"/>     -     
input2:<input type="text" id="input2"/>
<br/>
</body>
</html>
上面的代码主要是为了实现以下效果:
第1步、当焦点在input1中时,iPad自动显示软键盘(代码上没有特意控制,应该是iOS 默认的功能,焦点在输入框时会自动弹出软键盘)
第2步、当在input1中输入内容后,在失去焦点时进行输入检查(在onblur事件中实现),如果发现输入的内容不为abc,则弹出alert警告
第3步、同时将input1的背景色改为红色,并且让焦点回到input1,并自动显示出软键盘
目前遇到的问题主要出在上面第2步与第3步,让input1失去焦点有两种方式:
方式1、点击input2
方式2、按软键盘最右下角的按钮将键盘收起
目前按方式1来操作,没有问题,第3步能按照预期的效果呈现。
但是当采用方式2时,当通过调用focus()方法让input1获得焦点后,软键盘会闪现(出现后,又马上消失),试了很多方法都能保持软键盘一直出现,调查了2,3天都没搞定,不知道是否需要修改InAppBrowser的Objective-C代码,麻烦大家帮忙看一下应该怎样解决?非常感谢!
有什么办法可以主动控制(比如通过代码)让软件盘弹出 或者 收起吗?