小程序定制开发微信674浏览器弹出输入文字的框后button点击触发焦点上移

微信公开课小程序热门讨论关于「小程序定制开发微信674浏览器弹出输入文字的框后button点击触发焦点上移」的小程序开发问题
补充:小程序定制开发微信674浏览器弹出输入文字的框后button点击触发焦点上移，!DOCTYPE
展开:<!DOCTYPEhtml<html<head<metacharset=utf8<metahttpequiv=ContentTypecontent=texthtml;charset=utf8<metahttpequiv=XUACompatiblecontent=IE=edge,chrome=1<metacontent=width=devicewidth,initialscale=10,maximumscale=10,userscalable=0name=viewport<metaname=applemobilewebappcapablecontent=yes<metaname=applemobilewebappstatusbarstylecontent=black<metaname=applemobilewebapptitlecontent=<metaname=formatdetectioncontent=telephone=no<title<title<head<body<divid=app<divclass=main<divclass=part<divdatav5a4bed13=id=p1class=partpage2style=minheight:667px;<divdatav5a4bed13=class=login<divdatav5a4bed13=class=phone<spandatav5a4bed13=+86<span<inputdatav5a4bed13=type=telmaxlength=11placeholder=请输入手机号<buttondatav5a4bed13=获取验证码<button<div<divdatav5a4bed13=class=code<spandatav5a4bed13=验证码<span<inputdatav5a4bed13=type=textplaceholder=请输入验证码<div<div<pdatav5a4bed13=class=loginTips<spandatav5a4bed13=我已阅读并同意<span条款及隐私政策<p<buttondatav5a4bed13=class=btnloginBtnonclick=go(this)快速登录<button<divdatav5a4bed13=id=maskclass=maskstyle=display:none;<div<divdatav5a4bed13=class=captchaboxstyle=display:none;<pdatav5a4bed13=图形验证<p<divdatav5a4bed13=id=slidercapture<div<divdatav5a4bed13=class=nonesliceimg<div<div<div<div<div<div<stylebody,div,span,header,footer,nav,section,aside,article,ul,dl,dt,dd,li,a,p,h1,h2,h3,h4,h5,h6,i,b,textarea,button,input,select,figure,figcaption{padding:0;margin:0;liststyle:none;fontstyle:normal;textdecoration:none;border:none;boxsizing:borderbox;fontweight:lighter;fontfamily:PingFangSC,Helvetica;webkittaphighlightcolor:transparent;webkitfontsmoothing:antialiased;}html,body{backgroundcolor:e9e9e7;width:100%;height:100%;*webkituserselect:none;userselect:none;*}img{display:block;width:100%;height:100%;border:0;}消除输入框和按钮的原生外观*input,textarea{webkitappearance:none;}*clear:after{content:;display:block;clear:both;}clear{zoom:1;}back_img{backgroundrepeat:norepeat;backgroundsize:100%100%;}left{float:left;}right{float:right;}textcenter{textalign:center;}hide{display:none;}show{display:block;}ellipsis{overflow:hidden;textoverflow:ellipsis;whitespace:nowrap;}fl{float:left;}fr{float:right;}@wa:100vw;@ha:100vh;@wu:@wa375;@hu:@ha667;html,body,app{width:100vw;height:100vh;color:rgb(51,51,51);position:fixed;top:0;left:0;}main{width:100vw;height:100vh;}mainpart{width:100vw;height:100vh;position:relative;}mainpartlogin{width:9066666667vw;height:5653333333vw;borderradius:266666667vw;backgroundcolor:rgba(246,247,251,09);position:absolute;top:50vw;left:466666667vw;}mainpartloginTips{width:100vw;textalign:center;fontsize:32vw;height:32vw;lineheight:32vw;position:absolute;left:0;bottom:3146666667vw;color:000;}mainpartloginBtn{position:absolute;left:232vw;bottom:1653333333vw;border:1pxsolidf00;zindex:9999;}mainpartloginBtn:active{opacity:06;boxshadow:2px2px5px666;transform:translateY(2px);}mainpartbtn{display:block;width:536vw;height:1173333333vw;borderradius:266666667vw;backgroundcolor:d3b466;color:fff;fontsize:426666667vw;textalign:center;lineheight:1173333333vw;}mainpartbtn:active{opacity:09;boxshadow:2px2px5px666;transform:translateY(2px);background:ff0000;}<style<scriptfunctiongo(dom){consoleinfo(dom);domstylebackground=ff0000;alert(123);}<script<html用vue写的，我把关键代码整理出来了，大概的问题是：1，一个input和一个button,2，不点击input点击button正常3,点击input弹出输入框，点击键盘上的完成，再点击button没反应了要点击偏上一点才有效果微信673没问题，674的问题演示视频：https:shareweiyuncom50ZQTuR即速小程序：有计划什么时候改好吗影响挺大的，谢谢：问题已复现，我们会在后续版本中进行修复：您好，有具体修复的时间吗：我也遇到这问题，我的临时解决方案就是input失去焦点设置documentbodyscrollTop=0<textarea@blur=messageBlur<textareamessageBlur(){documentbodyscrollTop=0}
更多有关「小程序定制开发微信674浏览器弹出输入文字的框后button点击触发焦点上移」的讨论可以前往微信公开课小程序参与互动哦！