- 如何实现点击其他DOM元素,让textarea保持焦点且键盘不要来回弹起(holdKeybo失效)?
想要实现类似小红书、抖音发布文章一样的效果,文本域输入#,进行话题模糊匹配,在拉起键盘的上方弹窗滚动选择。 现有:带有焦点的textarea会让键盘弹起,当我点击弹窗中的ScrollView中的话题列表时textarea失去焦点,键盘收缩,设置了holdKeyboard属性没有效果,现在最多只能做到收缩键盘后立刻拉起,但是这样体验很奇怪。如果保持textarea的持续聚焦。 想要效果:带有焦点的textarea会让键盘弹起,当我点击其他DOM元素的时候textarea不要失去焦点,键盘不要收缩或者不要来回收缩弹起 <Textarea className='content-box-textarea' maxlength={1000} placeholder='请输入内容' value={uploadData.content} onInput={handleContentInput} onFocus={() => setIsTextareaFocused(true)} onBlur={(e) => { if (showTagList) { // 如果弹窗显示中,保持焦点 console.log('弹窗显示中,保持焦点', e); setIsTextareaFocused(true); } else { console.log('失去焦点', e); setIsTextareaFocused(false); } } } adjustPosition={false} cursorSpacing={100} holdKeyboard={true} focus={isTextareaFocused} /> {/* 话题弹窗列表 */} <View className={`tag-modal-container`} style={{ display: showTagList ? 'block' : 'none', bottom: calculatePaddingBottom(isTextareaFocused, keyboardHeight) }} > { !isLoading ? <ScrollView className='modal-scroll-tag' scrollY lowerThreshold={50} onScrollToLower={loadMore} refresherEnabled={true} onRefresherRefresh={handleRefresh} refresherTriggered={refreshLoding} > { matchedTags.length > 0 && matchedTags.map((item, index) => ( <View className={`tag-item`} key={item?.id ||index} onClick={() => handleSelectTag(item)}> {item?.tag} </View> )) } </ScrollView> : <View className='modal-container'> <View class="loading-spinner" /> <Text>加载中...</Text> </View> } </View>
06-30 - PC端小程序Input输入框,onInput快速输入时,出现无法输入,卡死的情况
开发者工具,预览PC端,文本框输入开始正常,后续确认输入,服务端返回信息时,快速输入文本,出现文本卡死,无法再次输入或删除 [图片]
03-07 - RecorderManager.onStop临时文件保存只能是wxfile路径吗,如果是PC端怎么办
https://developers.weixin.qq.com/miniprogram/dev/api/media/recorder/RecorderManager.onStop.html
02-21