精华内容
下载资源
问答
  • 1.加一个blur事件 <input class="text1" type="text" placeholder="请输入" @blur="Blur"> 2.离开输入框之后 让滚动条回顶部 Blur() { var u = navigator.userAgent; var ios = !......

    1.加一个blur事件

    <input class="text1" type="text"  placeholder="请输入" @blur="Blur">

    2.离开输入框之后 让滚动条回顶部 

        Blur() {
            var u = navigator.userAgent;
            var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            var iPad = u.indexOf('iPad') > -1;
            var iPhone = u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1;
            if (ios || iPad || iPhone) {
              setTimeout(function () {
                document.body.scrollTop = 0
                document.documentElement.scrollTop = 0
                window.scrollTo(0, 0)
              }, 100)
            }
          },

     

    展开全文
  • 其中出现这种问题是因为在页面上我们使用了position: fixed;的属性 ... 1、解决方案:当弹出弹框的时候,我设置body{...},当关闭弹窗的时候将清除body{position: fixed;},样式 这样子光标将不会错位。 Vue.js i...

    其中出现这种问题是因为在页面上我们使用了position: fixed;的属性

    这里我的业务逻辑是点击抢购》》弹出抢购的form表单,这里因为我必须还是要使用position: fixed;

    1、解决方案:当弹出弹框的时候,我设置body{position: fixed;},当关闭弹窗的时候将清除body{position: fixed;},样式

    这样子光标将不会错位。

    Vue.js

    if(弹窗){

      document.querySelector('body').setAttribute('style', 'position:fixed')

    }

    if(关闭弹窗)

    {

    document.querySelector('body').removeAttribute('style')

    }

    2、你也可以将position: absolute;这样光标不会错位

    展开全文
  • qa测试手机升级以后弹框输入光标出现错位现象,前两天由于时间紧迫,一直没有找到好的解决方案,今天一天都在解决这个bug问题,临近下班终于算比较好的解决这个问题,觉得有必要理理~ 引起原因:弹框的定位采取...

     

    qa测试手机升级以后弹框输入光标出现错位现象,前两天由于时间紧迫,一直没有找到好的解决方案,今天一天都在解决这个bug问题,临近下班终于算比较好的解决这个问题,觉得有必要理理~

    引起原因:弹框的定位采取position:fixed,而ios(safari)对定位属性position:fixed的解析不一致导致。

    解决方案:

        方案一

           一开始上网找解决方案,找到如下处理方式。但存在当页面出现滚动条时,弹框弹出后,页面回滚至顶部。在不改变原有弹框代码的情况下,有效地解决光标错位问题,但严重影响用户使用,只能忍痛舍去~

          
    //弹框弹出后执行如下代码
      $('body').css({'position': 'fixed', 'width': '100%'});
    //弹框关闭后执行如下代码
      $('body').css({'position': 'relative'});

      方案二

         尝试多种方式后,只能从源头解决,不使用position:fixed。重写弹框定位,但问题是,这个弹框涉及所有页面,后台开发用这弹框做了很多操作,弹框中间内容由于可以自定义,所以是牵一发而动全身,不敢轻易改,就连上传图片的进度条显示都是用这个弹框做的(就是为了套用弹框的一个遮罩效果)

        解决思路:

         1.弹框(#pop )采用position:absolute定位,遮罩(#shadow)采用fixed定位(原先采用absolute定位的,由于有些页面内容是根据用户滚动进行动态加载,导致原先的遮罩不能完全遮住所有内容,当然也可以对某些元素定高进行加载内容,避免此类问题出现,但这次的修改要考虑通用性,后台开发有时候根本不管你这些,关键目前系统很多页面都已经出现这问题了)

       2.弹框采用absolute定位后,关键是top值的确定(ios10.3 Safari 输入键盘弹出时,若页面底部被挤压上去,则关闭弹框会复原到页面滚动到底部时的状态,若底部没被挤压上去,每弹出一次键盘,页面都会上去一定距离,且不复原)

        var initTopH = function() {
            var tempH = $('#pop').height(); //弹框高度
            var screenH = $(window).height();//手机屏幕高度
            var scrollH = $(document).scrollTop();//文档内容滚动高度
            var topH = scrollH + (screenH - tempH) / 2;//top值高度

                 //解决当输入键盘未手动关闭时,弹窗的定位问题
              if ($(document).height() - scrollH < screenH) {
                   topH = $(document).height() - screenH + (screenH - tempH) / 2;
                }

            return topH;
        };

    3.以为这样就可以解决问题,但新的问题出现,当输入框获得焦点时,移动端会弹出键盘挤压弹框上移,关闭键盘后,弹框不会恢复原位,所以需要对弹框失焦后在进行重新定位执行initTopH()

      $("#pop input,textarea").off('blur').on('blur', function() {
        //这里只是对input和textarea处理
                $('#pop').css({'top':initTopH()});
            });

    4.  要成功解决一个问题,就会引发更多的问题需要解决,成功操作1-3的操作后,当弹框弹出后,若页面存在滚动条,此时滚动页面,弹框是不会跟着页面下移的,因为top是写死的。想当然是监听页面滚动(scroll)事件,实时改变top值,但问题是效果太差,抖动、弹跳太明显,qa肯定会提bug的~

       另一途径就是弹出弹框后禁止页面滚动,以为设置body页面overflow:hidden就好了,然而pc端模拟测试有效果,真实环境仍然不起作用。以为没有给body定高,就都设置html,body标签的高度为100%;但然并卵,反而出现  $(document).scrollTop() 取值有问题(用$('body').scrollTop()替换仍没用,关键pc端模拟都有效果,一到真实环境就出问题),影响前面弹框定位。烦~烦~烦~,反复测试,都没有实质性的进展~

         前面一直纠结于给body定高,但想想还是不妥,很多页面开发者给各自页面都会重新定义样式,我这么暴力地修改,担心影响其他页面布局,所以果断放弃这条路子~

        如何在不影响大局的情况下重新布局呢?突然想到了阻止默认事件  e.preventDefault() ,但是新问题又来了,使用这个可以很好的解决页面滚动问题,但也会阻止弹框里内容滚动。纠结ing~

    5.左思右想,采取整体除去局部的思想来监听touchmove事件,方法如下,当触摸对象不是弹框时,阻止默认事件,当触摸对象是弹框时,虽然滚动弹框里的内容出现底部页面也滚动的情况,但触摸结束以后恢复原始的滚动高度,经测试效果还不错,也不觉得突兀~

            $('#pop').show();
              var sh;//记录初始滚动高度
                $(document).off('touchstart').on('touchstart', function(e) {
                sh = $(document).scrollTop();
            });
            $(document).off('touchmove').on('touchmove', function(e) {
                if (e.target.id === "shadow") {//除去#pop
                    e.preventDefault();
                }
            });
            $(document).off('touchend').on('touchend', function(e) {
                $(document).scrollTop(sh);
            });

     

    总结:虽然可能会有更好的解决方案,但这是我目前觉得比较好的处理方式,每个人所处的开发环境不一样,考虑的东西也不同,所以此方法并不一定都适应,可以借鉴参考。一天都在解决这个bug问题,找资料,尝试各种方法,虽然问题已解决,但还是想好好理顺下思路,故写下这篇随笔~啦~啦~啦~啦,下班啦~

     

    ps:领导说可以看下其他应用的弹框是否有此类问题,看下人家是怎么解决的,但我和小伙伴看了所有app,都没找到类似弹出需要输入文字的弹框(除iphone手机弹出用户输入id密码外),大都是新开一个页面让用户填写,看来产品还是要往用户习惯上靠~

     

    转载于:https://www.cnblogs.com/zml-mary/p/7816495.html

    展开全文
  • 下面是骄阳为您搜集的有关iPhone的实用小技巧合集,奉献给大家,记得收藏起来哦!1、快速打拼音在全键盘的输入方式下,长按...3、关闭手电筒手电筒开启的情况下,在锁屏页面左滑打开相机的过程中,手电筒就自动关闭了...

    下面是骄阳为您搜集的有关iPhone的实用小技巧合集,奉献给大家,记得收藏起来哦!

    1、快速打拼音

    223fd7051bee1cdbfcd89f45eb4f35c7.png

    在全键盘的输入方式下,长按字母,就会出现拼音四声,然后选中就可以了。同理,长按数字和符号,你也会打开一个新的世界。

    2、更易听清电话

    在设置—通用—辅助功能里,找到“单声道音频”和“电话噪声消除”,打开,打电话会听的更清楚。

    3、关闭手电筒

    手电筒开启的情况下,在锁屏页面左滑打开相机的过程中,手电筒就自动关闭了。

    4、Safari一键批量关闭

    长按右下角的标签页,会弹出几个选项,选择“关闭XX个标签页”。

    0578aaffc549631bdd49f3d7113b730a.png

    5、用好Siri

    Siri除了可以被你调戏以外,还可以听歌识曲,帮你设置提醒事项,用好她其实是很方便的事。

    6、备忘录设锁

    打开设置,找到备忘录,里面的选项“密码”即可为你的备忘录设锁,不担心别人随意翻看。

    7、原生键盘打颜文字

    原生键盘全键盘的方式下,点击左下角“123”,再点击“#+=”,会看到^_^的符号,点击这个符号,在输入框和键盘中间有很多颜文字可以选择。

    dae63ad9d99c2227fbc2eac6546102a2.png

    、文本替换

    在“设置”—“通用”中找到“键盘”—“文本替换”,可以把经常用到的文字设好,比如自己的收货地址、邮箱什么的。

    9、3D touch 很好用

    重按支付宝,会出来扫一扫、付钱、转账、乘车码等,重按微信也有收付款,扫一扫,我的二维码选项,这样就不用再打开具体的APP了。

    a342b0278c6e07ec836770e3ca9a857c.png

    去按一遍你所有的APP,会有惊喜的。

    10、放大扬声器

    打开设置,找到“音乐”—“均衡器”里的深夜模式,外放效果很棒。

    11、勿扰模式不错过重要来电

    打开设置,找到勿扰模式——“允许以下来电”,将重要联系人的电话放到个人收藏里就可以了。

    12、Spotlight搜索栏强大

    屏幕下拉会出现一个搜索框,输入你想翻译的单词,查询的汇率等等,直接就能显示出结果,不要太方便。

    96f1e4fbeb3a176c861c8ebd4d0e4792.png

    13、快速切换后台应用

    除了双击Home键以外,用力按压屏幕左边缘,也可以弹出后台切换界面。

    102d84e8ade0f1079ec1796021a1278d.gif

    14、快速移动键盘光标位置

    利用3DTouch重按键盘空格键,等到键盘字符消失,就可以用手指在键盘上面自由滑动,精准控制光标位置。

    b0ac87241b2bcc78d51ce52eaf59aaa3.gif

    15、快速切换输入法

    长按“小地球”,也就是切换输入法的图标,会显示所有输入法,直接选择就行了,不用一个个切换。

    好啦,就分享到这里了,还不知道的小伙伴快去试试吧~觉得好用记得收藏备用哦!(>‿◠)✌

    展开全文
  • @头条公开课新手课堂#头条手机创作# #蓝牙键盘#我把我的知乎原创文章搬过来了,希望对头条的创作者们有所帮助。如果在没有电脑的情况下,手机同样可以是办公的,方便快捷还能省不少电。能帮到大家我是非常高兴的。原...
  • ipad 远程桌面 光标Khamosh Pathak Khamosh Pathak Apple introduced mouse and trackpad support for the iPad with the release of iPadOS 13.4. The new cursor is a dynamic and small translucent grey circle ...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 修改EditText的光标颜色

    万次阅读 多人点赞 2017-06-02 09:19:20
    在使用EditText的XML 文件中...android:textCursorDrawable 这个属性是用来控制光标颜色的, "@null" 是作用是让光标颜色和text color一样 如果需要自定义颜色,需要自定义一个drawable文件,例如:在drawable下窗
  • 在开发中遇到一个需求“点击屏幕非编辑区以及点击键盘回车键后要隐藏输入法以及光标关闭”,因此向各位分享一下做法 一.点击屏幕处于非edittext时让键盘消失以及清除edittext光标方法: 1.在Activity中使用如下...
  • css隐藏输入框的光标

    千次阅读 2018-05-22 17:28:35
    1.隐藏光标 &amp;lt;style&amp;gt; input{ color: transparent; } &amp;lt;/style&amp;gt; 2.显示文字 &amp;lt;style&amp;gt; input{ color: transparent; text-shadow: 0 0 0 #...
  • ios系统输入框光标错位问题

    千次阅读 2018-04-19 15:27:00
    qa测试手机升级以后弹框输入光标出现错位现象,前两天由于时间紧迫,一直没有找到好的解决方案,今天一天都在解决这个bug问题,临近下班终于算比较好的解决这个问题,觉得有必要理理~ 引起原因:弹框的定位采取...
  • 之前开发了一个微信项目,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅。  具体情况:弹出层使用position: fixed;弹出层内附带input/textarea输入框,ios11系统的苹果机用户在...
  • 现在光标终于可移动了,然后其实主要是逻辑问题,也没什么技术含量,所以总是一大堆位置判断!再者自己能力比较水,所以代码比较挫,这里代码只有更新那部分,具体的回车什么的自己去弄就好了,其实跟这个思想差不多...
  • 移动端-input怎么清除光标

    千次阅读 2017-11-20 11:50:43
    2、ios input 添加 readonly unselectable=”on” 属性,光标依旧还在 解决的方法有两种 1、设置input的disabled属性——会使input的事件失效。 2、input聚焦时马上让它失焦,代码: $('input[read...
  • 页面是个长页面,点击页面不同部分,会弹出弹窗,如果用absolute...fixed定位的元素,在该IOS系统存在bug,键盘会将fixed定位的元素上推,但是光标留在了原地,造成错位的现象。 解决方案 采用fixed定位,当点击激活...
  • Android系统插上鼠标后会在屏幕显示系统光标,这套光标是无法改变的,因此在开发的过程中可能互隐藏这个光标,并且在光标碰触到手机的最上边或者最下边会触发显示状态栏,这样我们的app全屏的时候就无法获得我们app...
  • ios11弹出层上input输入框光标移位问题 需求是这样的,用户点击页面上的按钮弹出浮层,浮层上有两个输入框,分别输入用户名,手机号等信息,然后点击报名,浮层用的fixed定位。本来一切都好,但在真机上测试时......
  • 之前开发了一个微信项目,安全上线,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅。  具体情况:弹出层使用position: fixed;弹出层内附带input/textarea输入框,ios11系统的苹果...
  • iphone11系统输入框的光标位置不正常

    千次阅读 2018-04-19 15:33:00
    本人的系统是11.3的是正常的,却发现测试机的11.1和11.2的光标位置在输入框的下边。百度一下,很多人有同样的问题,在此记录一下 解决办法一: //弹框弹出后执行如下代码 $('body').css({'position': 'fixed',...
  • cocos2dx3.6 实现带光标的输入框

    千次阅读 2015-06-27 20:20:48
    //弹出手机键盘时响应事件 bool CursorTextField::onTextFieldAttachWithIME(cocos2d::TextFieldTTF *pSender) { if (m_pInputText.empty()) { return false; } m_pCursorSprite->setPositionX(this->...
  • 纯小白,求大佬帮助,不胜感激,全网未有解决方案,此为前无古人,后无来者的历史问题!望大佬抬手协助!
  • 在ios11的的手机里 ,一个弹出输入框是fixed定位的话,点击输入 会发下光标和输入框的位置错位,导致无法输入。 1.把fixed定位改成absolute的定位 2.监听弹出框的时候页面滚动的高度,动态设置弹出框的top值 var ...
  • visiblePainted当visibility属性设置为时visible以及当鼠标光标位于元素的内部(即“填充”)并且fill属性设置为除了none或之外的值时,该元素只能是鼠标事件的目标。鼠标光标位于元素的周边(ie-,'stroke')上,stroke...
  • 相信不少做开发或维护的DBA在找工作的时候,遇到过类似的面视问题:请简单的描述一下光标的类型,说一下普通光标和REF光标之间的区别,以及什么时候该正确应用哪一个? 这个题目,我着实难住了不少人,其实他们在...
  • 安卓键盘显示隐藏和光标显示隐藏

    千次阅读 2018-03-08 14:39:41
     //键盘隐藏后,界面上的edittext的光标要隐藏,让布局文件的最外层布局获取焦点就可以  ll_root.setFocusable(true);  ll_root.setFocusableInTouchMode(true);  ll_root.requestFocus();  }  public boolean...
  • (1)隐藏了input闪烁光标的问题(这里做好了用手机调试一下)。 (2)只有长度是6 的时候按钮才能点击。 (3)输入键盘自动弹起,保持键盘不收起。 (4)。。。。。 其实思路就是: 1、设定六个小的input框:这只是...
  • 电脑中如何设置鼠标光标的移动速度腾讯视频/爱奇艺/优酷/外卖 充值4折起当我在使用电脑的时候,一般都会用到鼠标来进行控制,如果对于默认的鼠标光标移动速度不满意的话,应如何进行调整呢?接下来就由小编来告诉...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,323
精华内容 2,529
关键字:

如何关闭手机光标