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

本文链接：https://blog.csdn.net/weixin_48850734/article/details/121179786

该段代码展示了如何在网页中同时通过点击搜索按钮和按下键盘Enter键来触发搜索功能。当点击带有特定data-type属性的搜索按钮时，会调用对应的active函数来加载表格数据。同时，监听键盘按键事件，当检测到Enter键被按下时，同样执行搜索操作。搜索条件包括选择的学校、地区、时间、便利性、目标人群等，加载的数据会根据这些条件进行筛选。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

敲击键盘`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) : '';
            }
        })