2021-11-06 工作记录--LayUI-敲击键盘enter键，仍可以实现搜索

敲击键盘enter键，仍可以实现搜索

		// 点击搜索按钮，可以实现搜索
        $('.demoTable .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        // 敲击键盘enter键，仍可以实现搜索
        $(window).on('keyup',function(e){
            if(e.keyCode==13){
                var type = $('.demoTable .layui-btn').data('type');
                active[type] ? active[type].call(this) : '';
            }
        });

【
补充
实现敲击键盘enter键的代码如下：

		$(window).on('keyup',function(e){
            if(e.keyCode==13){
                // 填敲击键盘enter键后实现的事件
            }
        });

】

举例：实现-选择搜索条件后，点击搜索按钮，可以加载表格数据

【图片里鹅黄色部分内容，其余加了下划线的内容也很重要，注意颜色相同的内容相对应】

HTML：

JS：

对应代码：

var $ = layui.$, active = {
            reload: function () {
                var demoReload = $('#demoReload');
                //执行重载
                var school = tag_school.values.toString();
                var dement = tag_region.values.toString();
                var starttime = $('input[name=starttime]').val();
                var convenient = $('select[name=convenient]').val();
                var objectPeople = $('select[name=objectPeople]').val();
                var positionValue = position.getValue().length > 0 ? position.getValue()[0].name : '';
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: {
                        key: {
                            school: school,
                            dement: dement,
                            objectPeople: objectPeople,
                            name: demoReload.val(),
                            starttime: starttime,
                            convenient: convenient,
                            is_formal: $('select[name=is_formal]').val(),
                            position_name: positionValue
                        }
                    }
                });
            }
        };
        $('.demoTable .layui-btn').on('click', function () { // 点击搜索按钮，可以实现搜索
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $(window).on('keyup', function (e) { // 敲击键盘enter键，仍可以实现搜索
            if (e.keyCode == 13) {
                var type = $('.demoTable .layui-btn').data('type');
                active[type] ? active[type].call(this) : '';
            }
        })