在react中基於ant-design,封裝一箇中文輸入框,提高onchange性能
1 antd中,input組件在觸發onChange時,如果是中文輸入模式,會頻繁被觸發,導致頁面性能降低。尤其是在onChange時需要實時搜索的情況。 2 在mac設備下,如果在onChange中使用value.replace(/\s/g,''/), 會出現無法輸入中文的問題。優化之後,可以正常輸入。 默認情況下的Input組件: 優化之後的ChineseInput 調用方式:
昵称 jsoncode
贡献者2
粉丝0
1 antd中,input組件在觸發onChange時,如果是中文輸入模式,會頻繁被觸發,導致頁面性能降低。尤其是在onChange時需要實時搜索的情況。 2 在mac設備下,如果在onChange中使用value.replace(/\s/g,''/), 會出現無法輸入中文的問題。優化之後,可以正常輸入。 默認情況下的Input組件: 優化之後的ChineseInput 調用方式:
昵称 jsoncode
出現的兼容問題是: 我寫的是H5,當我在input標籤的oninput事件裏寫入了正則表達式replace(/\s+/g, '')限制輸入框不能輸入空格,android手機中英文一切正常輸入,但是到了ios手機上,用ios原生鍵盤輸入中文時,明明習慣性的一次輸入多箇中文,但是點擊對應的文字到輸入框後卻變成了英文,還總是失去焦點。 沒找到問題的原因時臨時的解決方法就是一個字一個字的輸入或
昵称 buddha