Angular-6键盘在用户单击输入字段时自动隐藏
创始人
2024-10-21 02:30:15
0次

在你的HTML文件中，添加以下代码（假设您的输入字段是一个具有id“input1”的input元素）：

在你的Component文件中，为“onInputBlur”事件创建一个新的方法：

onInputBlur(event: any) {
  if (window.innerWidth <= 991) { // 991是设备屏幕宽度的阈值，可以根据你的设计进行调整
    let element = document.getElementById(event.target.id);
    if (element instanceof HTMLElement) {
      element.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
      setTimeout(() => element.blur(), 300); // 300是滚动到输入字段的延迟时间，可以调整
    }
  }
}

这将在用户单击输入字段并键盘弹出时滚动并隐藏键盘。

上一篇：Angular-6-datatables 响应式样式

下一篇：Angular-6验证

相关内容

热门资讯

经核实!wepoker私人局有... 经核实!wepoker私人局有透视吗(透视)本来真的是有辅助修改器(有挂秘籍)-哔哩哔哩1、下载好w...
透视计算!wpk辅助软件(透视... 透视计算!wpk辅助软件(透视)总是有辅助平台(有挂详细)-哔哩哔哩1、玩家可以在wpk辅助软件线上...
透视软件!wpk俱乐部是真的吗... 透视软件!wpk俱乐部是真的吗(透视)一直真的有辅助app(有挂秘笈)-哔哩哔哩1、许多玩家不知道w...
此事迅速冲上热搜!aapoke... 此事迅速冲上热搜!aapoker怎么提高中牌率(透视)其实存在有辅助app(真是有挂)-哔哩哔哩1、...
透视攻略!wpk控制牌是真的吗... 透视攻略!wpk控制牌是真的吗(透视)本来是真的辅助软件(发现有挂)-哔哩哔哩该软件可以轻松地帮助玩...
透视神器!werplan怎么透... 透视神器!werplan怎么透视(透视)真是是有辅助修改器(的确有挂)-哔哩哔哩1、每一步都需要思考...
经调查!aapoker透视怎么... 经调查!aapoker透视怎么用(透视)真是真的是有辅助软件(真的有挂)-哔哩哔哩1、实时aapok...
据相关数据显示!德普之星有辅助... 据相关数据显示!德普之星有辅助软件吗(透视)都是真的有辅助app(有挂秘籍)-哔哩哔哩德普之星有辅助...
透视黑科技!wepoker辅助... 透视黑科技!wepoker辅助是真的吗(透视)原来真的是有辅助神器(真是有挂)-哔哩哔哩暗藏猫腻，小...
据玩家消息!wepoker模拟... 据玩家消息!wepoker模拟器哪个(透视)好像真的有辅助插件(有挂分析)-哔哩哔哩wepoker模...