【iOS移动端兼容】IOS移动端unput框失去焦点后软键盘无法隐藏

背景:iOS移动端在进行input框获取焦点之后,再点击其他弹框,软键盘无法隐藏且未失去焦点。Android正常。

input框启动iOS自带软键盘

思路:
本来想要写一个全局的监听点击事件,但是后来获取不到input框的DOM元素,所以以失败告终;

后来又想到我可以在弹框显示的时候将input框失去焦点,这一次终于生效了!

直接上代码!

//判断是否是iOS端,在弹框显示的时候做处理
const userAgent = navigator.userAgent;
const isIOS = WXEnvironment.osName.toLowerCase() == 'ios' || !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if (isIOS) {
  const inputDom = document.querySelectorAll('input');
  for(let i; i < inputDom.length; i++) {
    inputDom[i].blur()
  }
}
#include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <curses.h> #include"kbhit.h" //定义全局变量 int high,width;//画面大小 int x,y;//鸟的位置 int score; int bar_x,bar_down,bar_top;//障碍物相关坐标 void start() { high=15; width=32; x=width/8; y=0; bar_x=width/2; bar_down=high/2; bar_top=high/3; score=0; } void show() //打印鸟的位置 障碍物的位置 { system("clear"); int i,n; for(i=0;i<high;i++){ for(n=0;n<width;n++){ if((i==y)&&(n==x)) printf("@"); // 打印鸟的位置 else if(i==high-1) printf("-"); //最后一行打印横线 else if((n==bar_x)&&((i<bar_top)||(i>bar_down))) printf("*"); // 打印障碍物 else printf(" "); // 打印空格 } printf("\n"); } printf("your score:%d",score); } void unput() //失败的时候暂停并且输入game over { y++; bar_x--; if(score <2){ usleep(120000); }else if(score>=2 && score <8){ usleep(100000); }else if(score>=8&&score<11){ usleep(80000); }else if(score>=11&&score<14){ usleep(60000); } if(x==bar_x) //如果小鸟的水平位置 x=bar_x障碍物的水平位置 { if((y>bar_down)||(y<bar_top)) // 进一步判断小鸟的位置y是否满足大于上障碍物垂直高度的最低点或者小于下障碍物垂直高度的最高点 { printf("game over!\n"); system("pause"); exit(0); } else score++; } if(bar_x<=0){ int k=high*0.8; bar_x=width; int temp=rand()%k; bar_down=temp+high/10; bar_top=temp-high/10; } } void input() //检测键盘是否有输入 { char put; if(kbhit()) { put=getchar(); if(put==' ') y-=2; } } int main() //主函数 { start(); while(1) { show(); unput(); input(); } return 0; }修改c语言小游戏代码使得功能更加的丰富
07-14
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值