如何创建SuggestModal样式的Modal?

suggest-modal.gif

我想要让我的插件的modal样式如同上图的SuggestModal,但是我的插件不需要为用户输入提供建议,就是让用户输入字符串,然后用户按回车时读取用户输入,并且退出modal。我知道可以在Modal里面用html和css自定义外观,可是我实在不熟悉这方面的知识,而且也不想要丧失那种外观上的一致性。

有谁了解该怎么做吗?

getSuggestions 函数里一直返回空数组,当输入的最后一个字符为空格时调用 this.close() 关闭modal,再调用一下要用这个输入字符串的方法

是说用空格作为输入结束的判断吗?可是这样输入内容中包括空格怎么办呢?

咦?不是说按空格时读取用户输入,不是按空格确认的意思吗 :melting_face:,其实差不多,反正写好判断就行了

实际上你每敲一个字符都会调用一遍 getSuggestions 函数

抱歉抱歉,我想说的是按回车时读取输出,并且退出modal。之前是打字错误。

我查了一下,发现可以使用this.inputEl.addEventListener实现这一点。