过滤表+虚拟键盘答案

【问题标题】：Filter table + virtual keyboard过滤表+虚拟键盘
【发布时间】：2015-10-25 02:56:31
【问题描述】：

我有一个带有 jquery 表过滤器的页面，它适用于普通键盘但不适用于虚拟键盘。

查看 JSFiddle 了解我的意思，下面是过滤器功能的代码。

$("#search").keyup(function(){
    _this = this;
    // Show only matching TR, hide rest of them
    $.each($("#table tbody").find("tr"), function() {
        console.log($(this).text());
        if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) == -1)
           $(this).hide();
        else
             $(this).show();                
    });
});

如果您在常规键盘上键入数字，它会过滤表格，但如果您使用虚拟键盘，则会出现数字，但过滤器不起作用。

我敢打赌这很简单，但我无法解决它。

谢谢！

【问题讨论】：

标签： javascript jquery html keyboard

【解决方案1】：

问题是虚拟键盘不会触发keyup 事件。我检查了源代码，但它确实触发了对输入的关注。

因此你可以简单地做：

$("#search").on('keyup focus', function() { ...

https://jsfiddle.net/e3r76kdc/6/

【讨论】：