ios中键盘隐藏,底部出现空白,导致点击事件失效。
原因:
当设置adjustPosition={true}时候,键盘弹起时,自动上推页面。但是键盘隐藏时,布局没有回到之前位置。
解决办法:
在键盘隐藏时候, window.scrollTo(0, 0)
input 或者textarea 监听onBlur事件
<Input className={classNames('input')}
value={value}
placeholder={hint}
placeholderClass={'hint'}
disabled={disabled}
maxLength={maxLength}
type={type}
adjustPosition={true}
onInput={this.onInput.bind(this)}
onBlur={this.onBlur.bind(this)}
/>
<Textarea
className='input'
value={this.props.value || ''}
placeholder={this.props.hint}
placeholderClass='placeHolder'
adjustPosition={true}
cursor={0}
onInput={this.onInput.bind(this)}
disabled={this.props.disable}
onBlur={this.onBlur.bind(this)}
/>
onBlur() {
window.scrollTo(0, 0)
}
网友评论