输入类型搜索清除按钮Microsoft Edge无法与Datatables一起正常使用

Question

我正在使用数据表对表进行排序和过滤。激活数据表时，会有一个搜索字段。在Chrome，Firefox，Edge和Internet Explorer 11中，每个搜索输入字段均带有一个清除按钮。

当您单击它时，将清除文本，并且表格将重置。除了在Microsoft Edge中，这是行不通的。该表未重置。

这是Microsoft Edge或数据表的问题吗？

Answer 1

我相信是Edge并未触发DT输入正在监听的事件。即keyup，keydown，keypress，cut和paste ...单击搜索输入清除时会触发另外两个事件按钮：mousedown和mouseup。

您可以创建事件处理程序，以在触发mouseup时强制重绘：

$('.dataTables_filter input').on('mouseup', function() {
  table.draw()
})

在更彻底讨论问题的地方查看此问题-> Event fired when clearing text input on IE10 with clear icon

Answer 2

这是在Edge的版本17.17134中发现的已知错误。

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/17584515/

我使用的是早期版本，但仍然可以使用。

Answer 3

我尝试在EDGE方面进行测试，并得到与您相同的结果。

点击“ X”不会重置表格。

Click here to see testing result

然后我进行了一些其他测试，发现如果您使用BackSpace键清除搜索文本，则它将按预期工作。

如果您使用“ X”按钮，则在文本清除后，您需要按Enter键以重置数据。

我同意其他社区成员的看法，即Edge不会触发该事件来重置数据。

我认为您需要向Datatables网站提交反馈。以便他们修改可以与Edge一起正常工作的代码。

致谢

Deepak