import React, { Component } from 'react'
import { InputItem } from 'antd-mobile'
export default class InputKeyboard extends Component {
state = {
clientHeight: 0
}
componentDidMount() {
let clientHeight = document.documentElement.clientHeight || document.body.clientHeight
this.setState({ clientHeight })
window.addEventListener('resize', this.resize)
}
componentWillUnmount() {
window.removeEventListener('resize', this.resize) // 移除監(jiān)聽
}
resize = () => {
let clientHeight = document.documentElement.clientHeight || document.body.clientHeight
if (this.state.clientHeight > clientHeight) { // 鍵盤彈出
this.inputClickHandle()
} else { // 鍵盤收起
this.inputBlurHandle()
}
}
inputClickHandle = () => {
// 這里處理鍵盤彈出的事件
}
inputBlurHandle = () => {
// 這里處理鍵盤收起的事件
}
render() {
return (
<InputItem
className='input'
placeholder="關鍵字"
onClick={this.inputClickHandle}
onBlur={this.inputBlurHandle}
/>
)
}
}
四仲智、react 獲取鍵盤的彈出和收起
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門枉层，熙熙樓的掌柜王于貴愁眉苦臉地迎上來泉褐，“玉大人，你說我怎么就攤上這事鸟蜡∧ぴ撸” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵揉忘，是天一觀的道長跳座。 經常有香客問我，道長泣矛，這世上最難降的妖魔是什么疲眷？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮您朽，結果婚禮上狂丝，老公的妹妹穿的比我還像新娘。我一直安慰自己哗总，他們只是感情好几颜，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著魂奥，像睡著了一般菠剩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上耻煤，一...
- 文/蒼蘭香墨 我猛地睜開眼样勃，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了性芬？” 一聲冷哼從身側響起峡眶，我...
- 正文 年R本政府宣布溜腐，位于F島的核電站译株，受9級特大地震影響，放射性物質發(fā)生泄漏挺益。R本人自食惡果不足惜歉糜，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望望众。 院中可真熱鬧匪补，春花似錦、人聲如沸烂翰。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽甘耿。三九已至踊兜，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間佳恬，已是汗流浹背捏境。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 今天感恩節(jié)哎担忧，感謝一直在我身邊的親朋好友。感恩相遇坯癣！感恩不離不棄涵妥。 中午開了第一次的黨會，身份的轉變要...
