使用input框获取中文，用于搜索

知识点详解

addEventListener

EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。 事件目标可以是一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象 (比如 XMLHttpRequest)。
一个元素可以绑定多个事件。

**addEventListener()**的工作原理是将实现EventListener的函数或对象添加到调用它的EventTarget上的指定事件类型的事件侦听器列表中。
**removeEventListener()**可以很好的移除元素身上的事件

语法：element.addEventListener(event, function, useCapture);

第一个参数是事件的类型（如“ click”或“ mousedown”）。
第二个参数是我们想要在事件发生时调用的函数。
第三个参数是一个布尔值，指定是使用事件冒泡还是事件捕获。此参数是可选的。

请注意，您不要为事件使用“on”前缀; 用“ click”而不是“ onclick”。

compositionstart与compositionend

input框自带的事件可以用来检测input框中的内容发生变化oninput
compositionstart是input框中自带的事件，当输入法为中文时，在input框中输入触发该事件

compositionend当输入时按空格，或者input框失去焦点，或者删除输入的内容时会触发该事件
图片为空格形式
那么用这些知识可以做什么，让咱们上代码