小程序
小游戏
企业微信
微信支付
扫描小程序码分享
input 设置相同宽度的padding-left后开发者工具无法聚焦 在ios手机上可以 安卓的没测试
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
开发者工具要聚焦,你可以尝试双击能不能让input获得焦点
https://developers.weixin.qq.com/s/tAh6GtmX7N7Y
<
view
>
input
></
</
view {
display
: flex;
flex-
direction
: row;
align-items:
center
;
margin
:
100
rpx;
}
input {
border
1px
solid
#ebebeb
border-radius:
3px
line-height
50px
height
10
text-align
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
也不行
写个代码片段吧
如果聚焦了 输入的话会触发bindinput 会console出来 代码片段上边有的 https://developers.weixin.qq.com/s/Kod1xtmI7a7g
看了下双击是偶发的有时候触发不了
设置大一点的宽度就可以看出来了
不是的 我这边开发者工具键盘输入 bindinput 就没触发 刚刚ios 安卓都测试过了 是可以聚焦出发bindinput 的
你设置了border-box,padding-left + border > width是不合理啊
这个没影响吧
你把width增大或者padding-left减小,就能聚焦了
目前是想做这个效果 如果paddng调小的话在真机上会有input 聚焦的效果
???要的不就是聚焦吗
要的是能触发bindinput 但是看不到这个聚焦的效果
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
开发者工具要聚焦,你可以尝试双击能不能让input获得焦点
https://developers.weixin.qq.com/s/tAh6GtmX7N7Y
<
view
>
<
input
></
input
>
<
input
></
input
>
<
input
></
input
>
<
input
></
input
>
</
view
>
view {
display
: flex;
flex-
direction
: row;
align-items:
center
;
margin
:
100
rpx;
}
input {
border
:
1px
solid
#ebebeb
;
border-radius:
3px
;
line-height
:
50px
;
height
:
50px
;
margin
:
10
rpx;
text-align
:
center
;
}
也不行
写个代码片段吧
如果聚焦了 输入的话会触发bindinput 会console出来 代码片段上边有的 https://developers.weixin.qq.com/s/Kod1xtmI7a7g
看了下双击是偶发的有时候触发不了
https://developers.weixin.qq.com/s/tAh6GtmX7N7Y
设置大一点的宽度就可以看出来了
不是的 我这边开发者工具键盘输入 bindinput 就没触发 刚刚ios 安卓都测试过了 是可以聚焦出发bindinput 的
你设置了border-box,padding-left + border > width是不合理啊
这个没影响吧
你把width增大或者padding-left减小,就能聚焦了
目前是想做这个效果 如果paddng调小的话在真机上会有input 聚焦的效果
???要的不就是聚焦吗
要的是能触发bindinput 但是看不到这个聚焦的效果