ng alain-PC版的select组件在iphone的Safari浏览器带不出键盘----focus()使用

最新推荐文章于 2024-07-08 15:33:44 发布
最新推荐文章于 2024-07-08 15:33:44 发布
阅读量465 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/yj1993/blog/3000624
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

为了iphone的兼容性~而且是已经上线之后才发现问题，产品还各种催促！！！

项目使用的ng alain的PC版做的，但是现在需要兼容手机适配，只能按照产品的想法做了，但是遇到一个大坑，iphone手机自带的Safari浏览器的模糊搜索的下拉组件带不出来键盘，主要解决方式如下。

每次点击的时候都去触发focus函数：

感谢别人的帮忙~

转载于:https://my.oschina.net/yj1993/blog/3000624

weixin_34102807
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular基于ng-alain定义自己的select组件示例
08-27
通过标题“Angular基于Ng-Alain定义自己的Select组件示例”，我们可以了解到本文主要介绍了如何使用Ng-Alain框架来定义自己的Select组件。这意味着我们可以根据业务需求来定制自己的Select组件，从而满足不同场景下...
ng-alain-vscode:适用于ng-alain的Visual Studio代码插件
05-27
注意：从11版本开始，扩展语言将遵循VSCode的显示语言，并且无需安装其他版本的ng-alain-vscode扩展，因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 用法 键入nas-的开头将...
safari 浏览器input和select右边会出现小图标
m0_59148573的博客
06-15 196
css里添加上面代码即可。
ng-alain支持ie浏览器
低调的奔跑
09-04 1784
1、打开polyfills.ts文件，如图： 2、释放22行-41行的注释，如图： 3、执行npm install --save classlist.js语句，添加js文件
el-select远程搜索在ios移动设备无法调用键盘、中文无效登问题
最新发布
athqwer的博客
07-08 271
解决el-select在ios移动设备远程搜索失效问题
解决IOS safari在input focus弹出输入法时不支持position fixed的问题
weixin_30950607的博客
09-06 192
该文章为转载 我们在做移动web应用的时候，常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部。但在IOS的safari和webview中，对position:fixed的支持不是很好（在IOS5之前甚至还不支持position:fixed）。我遇到的其中一个问题就是，在iOS6+环境下，input focus弹出输入法的时候，设置了position f...
el-select在IOS移动端上搜索功能不能弹出软键盘
weixin_41847305的博客
08-24 1693
在ios移动端使用elmentUI后无法弹出软键盘。
ng-alain表单使用方式详解
08-27
ng-alain表单使用方式详解 ng-alain表单使用方式详解是Angular框架中的一种表单使用方式，主要介绍了ng-alain表单的使用方式详解，包括模板驱动和响应式表单两种不同的架构范式。 一、模板驱动表单 模板驱动表单...
ng-alain：NG-ZORRO管理面板前端框架（浪涌镜像https：ng-alain-doc.surge.sh）
01-31
NG-ALAIN 适用于企业应用程序的现成UI解决方案，让开发人员专注于业务。 English | 快速开始 链接 （） （） 产品特点 基于ng-zorro-antd 响应式布局 I18n 惰性负载资产 UI路由器状态 自定义主题 更少的预处理器 ...
el-select 在iOS手机上，无法唤起软键盘以及二次点击问题
拿回忆下酒
01-10 3106
手机上使用select时，发现iOS手机无法唤起软键盘。
完美解决Vue项目在H5微信开发iOS真机上input和select调起软键盘后不回弹
大唐锦绣的博客
07-07 2384
直接上代码，简单粗暴 <input class="item-input" type="text" v-model="name" placeholder="请输入你的姓名" @blur="blurIn"/> <select v-model="order.award_id" @blur="blurIn"> <option v-for="item in aw...
VUE爬坑之路--Element-UI el-row、el-col、Select下拉框等点击事件不触发问题解决方法
热门推荐
吴冬雪的博客
05-22 1万+
在使用element-ui组件中card、row、el-col等组件，添加点击事件@click="handleClick（）"，都无法触发点击事件。@click.native="handleClick（）" 可以解决这个问题。在点击请选择部门的时候不能触发点击事件getFood()。
el-select在移动端/ipad上搜索功能不能弹出软键盘进行搜索的问题最佳解决方案
我不是水哥
03-27 7217
首先这个问题我解决了一天，但结果发现他是个小问题，这里先不浪费大家时间，直接给解决方案：去除下拉框的readonly属性即可。懂的自然懂，具体方案可以看最后，先看下过程，可能对你有帮助。 <el-select placeholder="请选择产品花型" filterable id="fuck" v-model="flower"> <el-option v-fo...
关于ios的safari下，页面底部弹出登陆遮罩层，呼出软键盘时 问题解决
amy20021的博客
12-24 705
前阵子遇到了一个问题，就是手机端页面弹出遮罩+底部登陆的弹出层。 一般情况下就直接给fixed固定定位了，然而做测试时发现了一个很大的问题 iOS的safari下，固定定位会跑到整个页面的最底部，而不是当前页的最底部。 查了好多百度然而还是没有找到有用的解决方案，后来问了一位前端的大神，大神说这种情况下，需要区分两种状态， 一是默认状态，即 除了safari之外的其他浏览器（需...
e-select可以搜索的下拉框，在移动端没有调起键盘
weixin_45646663的博客
12-07 984
1，在el-select标签上面写这三行 ref=“select” @hook:mounted=“cancalReadOnly” @visible-change=“cancalReadOnly” <el-select ref="select" @hook:mounted="cancalReadOnly" @visible-change="cancalReadOnly" v-model="TechDoct.Code" filterable clearable plac
zepto:设置select选中的问题记录---Safari浏览器兼容
MRblackLu的博客
03-30 3960
最近在做项目的过程中，遇到一个需要动态设置select选中的需求。当然，用zepto实现起来还是很方便的：$('select').find('option[value="'+key+'"]').attr('selected', true);在安卓所有浏览器跑了一把，都没啥问题，IOS上也测试了一把。就在我以为可以收工的时候，出现了一个比较奇葩的问题：Safari浏览器中，select设置选中没有生效
如何使用ng-alain框架，和服务器进行交互，给个例子
06-13
好的，下面是一个使用 ng-alain 框架和服务器进行交互的示例： 1. 在你的 Angular 项目中安装 ng-alain 框架： ``` ng add ng-alain ``` 2. 创建一个服务来进行服务器交互。在你的项目中创建一个名为 `example....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值