亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何以編程方式清除聊天窗口中輸入字段(發送框)的內容 | MS Bot 框架 | 直線機器人

如何以編程方式清除聊天窗口中輸入字段(發送框)的內容 | MS Bot 框架 | 直線機器人

慕田峪7331174 2022-05-14 13:59:28
我在后端為我的聊天機器人使用 QnAMaker,它在直線機器人頻道中運行。在我想清除輸入字段中的內容的情況下,為此我使用了以下簡單的 JavaScript 行document.querySelector("[aria-label='Sendbox']").value ="";它此時會清除內容,但是當我們在輸入字段內單擊以鍵入下一個問題時,它會再次出現。因此內容實際上沒有被清除。所以建議我一種方法,我應該以編程方式永久清除聊天窗口的輸入字段(發送框)。
查看完整描述

2 回答

?
慕桂英4014372

TA貢獻1871條經驗 獲得超13個贊

您可能對此答案感興趣:How to add AutoComplete/AutoSuggestion in Microsoft botframework webchat using React.js


網絡聊天使用Redux,它有一個可以使用 Redux 中間件的Redux 商店。網絡聊天有一個名為的操作 ,可用于響應用戶在文本輸入框中鍵入的內容,如下所示:WEB_CHAT/SET_SEND_BOX


const store = window.WebChat.createStore(

    {},

    store => next => action => {

        if (action.type === 'WEB_CHAT/SET_SEND_BOX') {

            const user_entered_text = action.payload.text;


            // Use the text to query the Azure database and display suggestions

        }

        return next(action);

    }

);

當用戶單擊建議或按右鍵時,您可以使用相同的操作來更改文本輸入框中的內容,如下所示:


store.dispatch({

    type: 'WEB_CHAT/SET_SEND_BOX',

    payload: {

        text: user_selected_suggestion,

    }

});

Web Chat repo 中有一些示例可能有助于在 Web Chat 中使用 Redux 操作


您嘗試在不使用 Redux 存儲的情況下編輯發送框的內容,因此 Web Chat 不知道您嘗試進行的更改。如果您使用WEB_CHAT/SET_SEND_BOX帶有空文本的操作,那么您可以正確清除發送框。


查看完整回答
反對 回復 2022-05-14
?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

該問題的確切解決方案是以下代碼。


function clearinput()

{


                    store.dispatch({

                    type: 'WEB_CHAT/SET_SEND_BOX',

                    payload: {


                            text: "",

                         }

                    });

                         document.querySelector("[aria-label='Sendbox']").value ="";



感謝凱爾·德萊尼(Kyle Delaney)的詳細解釋,根據您的意見,我已經做到了。


查看完整回答
反對 回復 2022-05-14
  • 2 回答
  • 0 關注
  • 153 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號