移动端jq如何在输入法键盘上触发回车键ajax才有效？

最新推荐文章于 2022-03-30 23:05:23 发布

摆烂兔

最新推荐文章于 2022-03-30 23:05:23 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/qq_38337245/article/details/90710897

版权

在移动端，为了使回车键触发Ajax请求而不是整个页面刷新，可以避免使用form表单提交。一种方法是将输入框type设为search，另一种是监听键盘事件并捕获回车键。在jq中，可以通过监听键盘事件来实现输入框回车触发Ajax请求，以实现如搜索功能的局部刷新。

摘要由CSDN通过智能技术生成

如何才手机上触发回车键？触发回车键ajax才有效？

测试：

1.第一种方式：使用form表单提交

回车键默认提交表单，在form表单中，用submit事件提交表单时，回车键默认触发submit。这种情况下，表单提交方式会使整个页面刷新，某些功能可能不适合，比如搜索局部刷新（ajax不管用），那就需要避免用表单submit，此时如果需要回车键触发搜索，那就需要用第二种方法。

2.第二种方式：不用form表单提交

　　设置输入框为type值为search（不设置的话，手机上测试不会触发回车键）

jq 中一般的写法:

	//获取键盘搜索按钮事件
    $(".search_input").on('keypress', function(e) {
        var keycode = e.keyCode;
        //获取搜索框的值
        var staffName = $(this).val();
        if (keycode == '13') {
            e.preventDefault();
            //请求搜索接口
           // if(staffName=&