首页 > 编程语言 >微信小程序输入框光标错乱问题

微信小程序输入框光标错乱问题

时间:2023-06-07 16:03:42浏览次数:38  
标签:aFocus 微信 输入框 true 光标 setData

 会出现这个问题,一般是受到了滚动条的影响,所以,在获取焦点时,需要关闭页面滚动,失去焦点时,就开启滚动,例如页面里存在scroll-view组件

示例代码

wxml片段

<scroll-view class="m_scroll" style="height:100vh;" scroll-y="{{aFocus}}" scroll-with-animation>
</scroll-view>


<input type="text" class="i_l_input" placeholder="" bindfocus="handleFocus" bindblur="handleBlur" 
      adjust-position="{{false}}"
      maxlength="120"
      />    

 

js片段

  data: {
    aFocus: true
  },

  handleFocus(e){
      
    this.setData({
      aFocus:false
    })
  },
  handleBlur(){
    this.setData({
      aFocus:true
    })

  },

 

标签:aFocus,微信,输入框,true,光标,setData
From: https://www.cnblogs.com/murenziwei/p/17463533.html

相关文章

  • java微信公众号 推送消息
    WxConfig.java @Slf4j@ServicepublicclassWxConfig{@ResourceprivateWxClientwxClient;//appIdprivatestaticfinalStringappId="xxxx";//appIdSecretprivatestaticfinalStringappIdSecret="xxxx";privatestat......
  • 微信H5适配 解决微信调整字体大小导致Html5页面混乱
    最近开发公众号遇到一个问题:iOS、Android加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。找了一些方法总结如下:原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过......
  • 微信dat文件转图片(jpg,png,gif)
    微信电脑版现在已经是日常工作生活必不可少的工具,有时删除了聊天记录或被系统清理软件清理了,但还想查看曾经的微信聊天图片。这个时候辛辛苦苦找到了文件,却发现无法查看,因为微信电脑版为了保护我们的隐私,把原先的图片格式文件给做了加密处理变成了DAT格式,这里不得不给微信一个大大......
  • 微信小程序冒泡
    参考:https://jingyan.baidu.com/article/d5a880eb5439a053f147ccda.html手机有这个问题,电脑上没有小程序盒子内部的点击事件会触发外部盒子的点击事件,解决方法是把内部的点击事件的bindtap改成 catchtap......
  • 实现微信支付
    微信支付是微信公众平台提供的一种在线支付服务,可以为用户提供快速、方便、安全的支付体验。而在微信小程序中实现微信支付,则可以为应用程序提供更多的功能和服务,提高用户体验和商业价值。因此,在本文中,我们将介绍如何在微信小程序中实现微信支付。步骤一:申请微信支付接口权限在使用......
  • 微信小程序使用vant组件van-datetime-picker unexpected character `@`
     报错 改成 vue不能直接引用,得定义了或者......
  • 微信公众号如何接入微信机器人
    微信对话开放平台文档官方文档平台简介微信对话开放平台开放了微信在对话领域积累多年的的智能对话技术,开发者及非开发者可简单、快速地搭建智能对话机器人(智能客服),并接入公众号、小程序等,为业务赋能,降本增效。也欢迎你加入开发者社区一起讨论相关问题。按照文档相关指引......
  • fastadmin设置列表页快捷搜索输入框内的文字placeholder
     找到对应的列表js文件,在bootstrapTable初始化前增加这么一段代码:$.fn.bootstrapTable.locales[Table.defaults.locale]['formatSearch']=function(){return"渠道名称或业务城市";}; 比如这里要搜索的是渠道名称或者业务城市,前提是数据表有这些字段,那么就......
  • 微信小程序页面跳转方法总结微信小程序页面跳转方法总结
    微信小程序页面跳转目前有以下方法(不全面的欢迎补充):1.利用小程序提供的API跳转://保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。//注意:调用navigateTo跳转时,调用该方法的页面会被加入堆栈,但是redirectTowx.navigateTo({url:'page/hom......
  • 微信小程序发布上线全流程(注册/开发/上传审核)
    以下是微信小程序发布上线的详细流程:确认小程序信息:在微信公众平台注册并登录后,进入小程序管理后台,在“开发”->“开发设置”中填写小程序基本信息和配置,包括小程序名称、图标设计、类目选择等。此外,需要在小程序管理后台中配置小程序服务类目和资质认证。开发小程序代码和测试:使用......