重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
第一种方式:不使用input,使用其他非焦点获取的标签来代替,比如div;
成都创新互联服务项目包括商河网站建设、商河网站制作、商河网页制作以及商河网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,商河网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到商河省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
第二种方式:通过js控制,input onfocus="this.blur();"/
这个软键盘好像必须有一个手动的事件执行才会弹出呢~
我有个雏形想法,仅供参考~(没有实践)
流程为:
在文本框外加个dom元素,然后添加个点击事件,在点击事件里面执行focus(),然后用trigger()(这是一个jq的模拟事件方法)将click模拟自执行一下,应该就相当于手动click了吧~
移动web聊天页面,输入框在底部的时候,点击输入,弹起软键盘,iOS在将页面推上的时候会回弹一下,导致键盘刚好遮挡到输入框。
初次触发输入框的focus的时候,iOS 键盘默认是以英文键盘高度推上页面,但一般我们的默认输入是中文,会导致软键盘的高度变化,中文输入键盘高度高于英文,所以导致了遮挡。
Element.scrollIntoViewIfNeeded() 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。 此方法是标准的 Element.scrollIntoView() 方法的专有变体。
当键盘在切换中英输入法时,键盘高度变化仍然会引起键盘遮挡
监听输入框的 focus 、 blur 事件,当聚焦时,循环调用 input.scrollIntoViewIfNeeded 方法。
当监听到 blur 时,停止循环。
最近项目有个需求,我们使用的是PDA装置,它有扫描枪,可以让扫描出来的内容填写到html的input控件中。
但是有一个棘手问题,就是input控件只要获取焦点,就会弹出键盘。
项目的需求,希望刚开始时,只是将焦点聚集在input控件上,可以通过扫描枪输入,然后点击input控件时,还能弹出键盘进行修改。
这个问题解决核心就是 input控件聚焦的时候,不弹出键盘,当点击的时候,才弹出键盘。
尝试了很多方法,最后发现了readOnly属性一个诡异作用。当调用 input控件的focus()方法时,如果readOnly属性为true,那么不会弹出键盘,但是焦点已经在 input控件上了。这个时候,再将readOnly属性设置为false,那么这个时候键盘不会弹出,但是可以扫描枪输入了。
示例:
JS做事可以的啊,HTML5其实就是大量的JS接口,不过好像挺麻烦啊