通过输入框的聚焦事件和失去焦点的事件控制样式


绑定聚焦事件和失去焦点的事件
<input type='text' placeholder='使用優惠券或輸入折扣碼' catchfocus="inp_focus" bindblur="inp_focusx"></input>
绑定两个样式
<button class="{{btncl?'hui':'bluee'}}">賬戶</button>
两种样式,两种颜色
.hui{
background: #a5a5a5;
}
.bluee{
background: #007aff;
}
data初始数据,
btncl:true,
inp_focus:function(){
this.setData({
btncl: false
})
},
inp_focusx:function(){
this.setData({
btncl: true
})
},
输入框聚焦事件样式控制
本文介绍了一种利用输入框的聚焦和失焦事件来动态切换按钮样式的前端开发技巧。通过绑定catchfocus和bindblur事件,实现按钮背景颜色的交互变化,增强了用户体验。
1万+

被折叠的 条评论
为什么被折叠?



