平板电脑按键失灵虚拟按键打字时弹不出来究竟是怎么回事

\ 经验分享
【小技巧】H5禁止手机虚拟键盘弹出
工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标:
但是在移动端,input会默认触发手机的虚拟键盘,如何阻止手机虚拟键盘弹起呢?目前我试过有两个方案,一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句document.activeElement.blur()。
使用readonly属性
使用readonly方式来阻止虚拟键盘弹出应该是最简单最优雅的方式了。readonly 属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。
值得一提的是它的取值,只要声明了readonly属性,不管取什么值都可以,比如readonly=""、readonly="readonly"、readonly="abc"都是一样的
优点:简单
缺点:在iOS的Safari中无效(未做更多情况测试)
document.activeElement.blur()
这是个什么玩意儿?document.activeElement是一个Web API接口。MDN上的解释是:它返回当前页面中获得焦点的元素,也就是说,如果此时用户按下了键盘上某个键,会在该元素上触发键盘事件,该属性是只读的。
document.activeElement属性始终会引用DOM中当前获得了焦点的元素。元素获得焦点的方式有用户输入(通常是按Tab键)、在代码中调用focus()方法和页面加载。
它里面有很多方法,在浏览器控制台查看,可以看到有很都方法:
MDN上还展示了一个有意思的示例,
那么document.activeElement.blur()为什么可以阻止虚拟键盘弹出呢?原因是:当你点击input的时候,document.activeElement获得了DOM中被聚焦的元素,也就是你点击的input,而调用.blur()方法,blur我相信大家都知道吧,就是取消聚焦。获得被聚焦的元素然后强制blur以达到没有聚焦的样子、、、感觉绕了。
优点:支持Android、iOS
缺点:需要添加额外的JS代码
这句代码加在什么地方?加入有如下HTML
&div class="calendar"&
&input type="text" id="datePicker" class="date_picker" placeholder="点击选择入住日期"/&
那么这句JS加在事件处理方法中
$("#datePicker").focus(function(){
document.activeElement.blur();
就当前需求来说,用document.activeElement.blur()确实是在绕弯子,直接使用readonly是最佳方案。但是document.activeElement很强大,可以做很多事。
若觉得本文不错,就分享一下吧!
作者的热门手记
请登录后,发表评论
评论加载中...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-2苹果平板电脑ipad虚拟键盘介绍 ipad虚拟键盘使用方法【详解】
  苹果ipad介绍及使用,任何时候,只要您需要键入,屏幕键盘就会自动出现。使用键盘来输入文本,如通讯录信息、电子邮件和网址。键盘会改正拼写错误,预测您将键入的内容,以及在您使用它的过程中学习。  您也可以使用 iPad Keyboard Dock 键盘基座或 Apple Wireless Keyboard 键盘来键入。当您使用外置键盘时,屏幕键盘不会出现。  键入  取决于您正在使用的应用程序,智能键盘可能在您键入时自动提出改正建议以帮助阻止键入错误的单词。  输入文本:  1 轻按文本栏(如备忘录或新通讯录)以调出键盘。  2 轻按键盘上的键。  如果您触摸到错误的键,您可以将手指滑动到正确的键。只有在手指离开键后,字母才会被输入。  按下退格键以删除前一个字符:轻按&X&键。  键入大写字母  先轻按 Shift 键 ,再轻按字母。或者触摸屏幕并按住 Shift 键,然后滑动到一个字母。  快速键入一个句点和一个空格  连按空格键两次。您可以在&设置&&&通用&&&键盘&中打开或关闭此功能。  启用大写字母锁定键  连按 Shift 键两次。Shift 键会呈蓝色,您键入的所有字母均变成大写。轻按 Shift 键以停用大写字母锁定键。您可以在&设置&&&通用&&&键盘&中打开或关闭此功能。  显示数字、标点及符号  轻按数字键 。轻按符号键 以查看更多标点符号。  使用国际键盘  触摸&下一个键盘&键(类似一个地球)并按住不放以显示语言菜单,然后轻按语言。您可以在&设置&&&通用&&&键盘&中添加或去掉国际键盘。  键入不在键盘上的字母或符号  触摸屏幕并按住相关字母或符号,然后滑动以选取变体。  隐藏屏幕键盘  轻按键盘键以隐藏屏幕键盘。
最新更新栏目
您可能喜欢
大家都在搜为什么我的平板电脑打字时,点那个输入框屏幕上不会像手机一样跳出来那个虚拟键盘,要怎样设置才可以_百度知道
为什么我的平板电脑打字时,点那个输入框屏幕上不会像手机一样跳出来那个虚拟键盘,要怎样设置才可以
我有更好的答案
什么牌子的平板
设置不一样啊
为您推荐:
其他类似问题
虚拟键盘的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。&>&&>&&>&正文
  【巴士数码】一些用户在使用过程中可能会遇到iPhone6输入法弹不出来的问题,比如发短信的时候输入法弹不出,遇到这种情况是怎么回事,有什么好的解决方法,下面我们就针对该问题详细了解一下。
  iPhone6输入法弹不出来
  一般来说,遇到这种情况的都是第三方输入法,比如搜狗输入法、或者百度输入法等,而iPhone6系统自带的输入法一般不会出现这种问题的。
  iPhone6第三方输入法弹不出来的话,大家可以把程度关闭退出再重新进,之后应该就能正常使用了。
  而如果是自带输入法弹不出来的话,可能是iOS软件兼容问题,大家可以将遇到该问题的软件应用关闭退出,再重新打开试试。
  或者,大家可以试试重启手机,同时按下电源键和Home按键,直至看到手机屏幕显示苹果标识,重启iPhone6。
  大家还可以通过恢复出厂设置来解决该问题,不过该方法会导致手机上的所有信息都将丢失,因此用户需要首先备份数据。
  另外,总是遇到该问题的话,请前往苹果直营零售店,寻求苹果售后工作人员帮助解决问题。
  iPhone6输入法设置方法如下:
  1.打开手机上的“设置”,点击“通用”;
  2.接下来在通过设置中,找到“键盘”设置,进入键盘设置后,再选择“添加键盘”;
  3.如果你此前安装了百度输入法、搜狗输入法,那么在这里就可以找到,我们点击第三方输入法,将其添加到iOS8输入法中来即可。这里以添加搜狗输入法为例,添加完成后,在iOS8键盘设置中,就可以看到了,之后再点击进入,将其权限设置为“完全允许”。
  4.至此,iOS8输入法设置就完成了,我们可以打开一个短信文字发送框,输入文字试试,之后就可以看到,默认输入法变成了搜狗输入法了。
  iPhone6输入法弹不出来怎么办,以上就是小编整理汇总出来的一些解决方法,大家可以参考试试。
提示:支持键盘“← →”键翻页如果出现ipad键盘在中间的情况,请不用担心。其实要解决这个问题还是非常简单的,ipad键盘其实有个浮动功能,要启用该功能,长按键盘右下角的键盘符号,在出现的菜单中单击&固定在底部&,即可将ipad键盘移至底部。
另外还有个小技巧,如果希望移动ipad键盘的浮动位置,通常默认的键盘是不行的,有些第三方键盘是可以的。例如百度输入法软件,同样是长按小键盘图标。不同的是百度输入法长按小键盘图标是可以移动键盘的,而不是弹出菜单。
1、要找到一种可让您舒服地使用ipad的姿势,并且要时不时地活动一下。在使用期间,请用您的大腿、、机壳或基座配件支撑iPad。
2、应小心操作ipad以使其外观获得良好保养。如果担心出现划痕或磨损,建议为新买的ipad装上保护套,从而让它在使用过程中避免损坏。
3、请拔下所有电缆并关闭iPad(按住睡眠/唤醒按钮,然后滑动屏幕上的滑块)。再使用柔软、微湿且不起绒的布料擦拭,避免在开口处受潮。
4、请勿使用窗户清洁剂、家用清洁剂、气雾喷剂、溶剂、酒精、氨水或研磨剂来清洁ipad。如果ipad的屏幕上有疏油涂层,只需使柔软、不起绒的布料擦拭ipad的屏幕,即可清除手留下的油迹。
更多精彩推荐
免责声明:美乐乐家居网部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递 更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。
电子邮箱地址:
经营网站备案信息

我要回帖

更多关于 苹果平板电脑按键坏了 的文章

 

随机推荐