小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信小程序input 失去焦点偶尔拿不到事件？ 怎么解决
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
<wxs module="bounce" src="./bounce.wxs"></wxs>
<view class="bounce-input-root">
<view class="bounce-input-lable {{value!=''?'bounceTop':''}}"><slot name="lable"></slot></view>
<input class="bounce-input" style="padding-right: {{right_width}};" bindfocus="set_focus" bindkeyboardheightchange="set_key" bindblur="{{bounce.setBlur}}" bindconfirm="set_confirm" bind:touchstart="{{bounce.setTouchstart}}" bindinput="set_input"
hold-keyboard="{{hold_keyboard}}" password="{{password}}" adjust-position="{{adjust_position}}" selection-end="{{selection_end}}"
selection-start="{{selection_start}}" cursor="{{cursor}}" confirm-hold="{{confirm_hold}}"
confirm-type="{{confirm_type}}" focus="{{focus}}" auto-focus="{{auto_focus}}"
cursor-spacing="{{cursor_spacing}}" maxlength="{{maxlength}}" disabled="{{disabled}}" type="{{type}}"
value="{{value}}"></input>
<view class="right" wx:if="{{slot_right}}">
<slot name="right"></slot>
</view>
module.exports = {
/**
*获取焦点
*/
setTouchstart:function(event, instance){
instance = instance.selectComponent('.bounce-input-lable');
instance.setStyle({
'font-size': '26rpx',
transform: 'translateY(-36rpx)'
})
},
* 失去焦点
setBlur:function(event, instance){
//失去焦点后等于空格自动落下
if(event.detail.value==''){
'font-size': '30rpx',
transform: 'translateY(0rpx)'
}
instance.callMethod('set_blur',event);
解决了吗，我这也出现了
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
<wxs module="bounce" src="./bounce.wxs"></wxs><view class="bounce-input-root"><view class="bounce-input-lable {{value!=''?'bounceTop':''}}"><slot name="lable"></slot></view><input class="bounce-input" style="padding-right: {{right_width}};" bindfocus="set_focus" bindkeyboardheightchange="set_key" bindblur="{{bounce.setBlur}}" bindconfirm="set_confirm" bind:touchstart="{{bounce.setTouchstart}}" bindinput="set_input"hold-keyboard="{{hold_keyboard}}" password="{{password}}" adjust-position="{{adjust_position}}" selection-end="{{selection_end}}"selection-start="{{selection_start}}" cursor="{{cursor}}" confirm-hold="{{confirm_hold}}"confirm-type="{{confirm_type}}" focus="{{focus}}" auto-focus="{{auto_focus}}"cursor-spacing="{{cursor_spacing}}" maxlength="{{maxlength}}" disabled="{{disabled}}" type="{{type}}"value="{{value}}"></input><view class="right" wx:if="{{slot_right}}"><slot name="right"></slot></view></view>module.exports = {/***获取焦点*/setTouchstart:function(event, instance){instance = instance.selectComponent('.bounce-input-lable');instance.setStyle({'font-size': '26rpx',transform: 'translateY(-36rpx)'})},/*** 失去焦点*/setBlur:function(event, instance){//失去焦点后等于空格自动落下if(event.detail.value==''){instance = instance.selectComponent('.bounce-input-lable');instance.setStyle({'font-size': '30rpx',transform: 'translateY(0rpx)'})}instance.callMethod('set_blur',event);}}解决了吗，我这也出现了