jquery监听input回车键实现点击回车进行查询

最新推荐文章于 2022-01-17 15:39:08 发布

梦里梦见梦不见的

最新推荐文章于 2022-01-17 15:39:08 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_43240792/article/details/91374757

前端专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何利用jQuery监听input元素的回车键事件，当用户按下回车键时，触发查询功能，简化用户交互流程。

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

    $('#searchNameAccept').keydown(function(event){
        if(event.keyCode==13){
            grid.submitFilter();
        }
    });

function serviceApplyInit() {
    $("#table-list").dataTable().fnDestroy();
    var grid = new Datatable();
    grid.init({
        src: $("#table-list"),
        onSuccess: function(grid) {},
        onError: function(grid) {},
        dataTable: {
            "retrieve": true,
            "columns": [
                {
                    "data": "org_name",
                    "bSortable": false,
                    "sClass":"text-center"
                }
             
            ],
            "columnDefs": [    
                {
                    "targets": [0],
                    "render": function(data, type, full) {
                        if(data) {
                            return "<span title='"+data+"'>"+data+"</span>";
                        } else {
                            return "--";
                        }
                    }
                }
            ],
            "pageLength": 10,
            "bProcessing":true,
            "ajax": {
                "url": getRootPath() + "/usercenter/ResourceApply.do?method=GetResApplyEGov",
                'data' : function (d) {
                    d.searchName=$("#searchNameAccept").val();
                },
                type:"post"
            },
            scrollX:true,
            scrollCollapse:true,
            fixedColumns:{
                leftColumns:0,
                rightColumns:1
            }
        }
    });

    //查询按钮
    $("#search_data_all").click(function() {
        grid.submitFilter();
    });

    //回车键实现查询
    $('#searchNameAccept').keydown(function(event){
        if(event.keyCode==13){
            grid.submitFilter();
        }
    });

    //重置按钮
    $("#applied_reset_data").click(function(){
        $("#searchNameAccept").val('');
        $("#table-list").DataTable().ajax.reload();
    });

};