html5 datalist 选中option选项后的触发事件

Question

使用input + datalist 实现自动补全功能，其中datalist中的内容是根据input输入的内容动态变换的，代码如下

 <input type="text" name="searchkey" class="searchkey" list="json-datalist" placeholder="请输入搜索内容" oninput="getSearchResult(this.value, 'json-datalist')"  onchange="datalistchange(this.value, 'result')"/>
          <datalist id="json-datalist" >
         </datalist>

问题是选中datalis的选项后，我捕捉不到它的触发事件，反而触发了input的 oninput事件，然后又重新加载了datalist的内容。
怎样才能在选中datalist的选项后，不再动态加载datalist的内容的内容？
求各位大侠帮忙指点一下

Answer 1

oninput改为onkeydown，键盘事件在触发，否则datalist不支持事件，只要选中项就会触发input事件

你这种直接也就是autocomplete，自己找下别人已经实现的autocomplete就行了

jquery autocomplete下载