input按下Enter键盘触发函数

<div class="form-inline">
                <div class="form-group">
                    <label for="inputSearch" class="sr-only">{$content.SEARCH}</label>
                    <i class="iconSearch"><img data-img="img" data-field="search" src="{$picture.search}"
                            alt="icon"></i>
                    <input type="search" class="form-control" id="inputSearch" data-text="text"
                        data-field="s-placeholder" placeholder="Tell us what you’re looking for…">
                </div><button type="button" class="btn search-for pcShow" onclick="AjaxSearchCategoryProduct()"
                    data-text="text" data-field="s-for">{$content.sf}</button>
                <div class="mobileShow text-center" style="width:100%;">
                    <button type="button" class="btn search-for" onclick="AjaxSearchCategoryProduct()" data-text="text"
                        data-field="s-for">{$content.sf}</button>
                </div>
            </div>
$(".form-control").keypress(function (even) {
    if (even.which == 13) {
        console.log("ok")
        AjaxSearchCategoryProduct();
    }
});


function AjaxSearchCategoryProduct() {
    num = 0;
    var keyword = $("#inputSearch").val();
    var currentCategoryID = $("#currentCategory").data("id");
    var data = {
        search: keyword,
        category_id: currentCategoryID
    };
    var html = "";
    $.ajax({
        url: "/product/search",
        type: "POST",
        data: data,
        success: function (r) {
            var len = r.data.length;
            $(".view-more").hide();
            for (var i = 0; i < len; i++) {
                html += `
                    <div class="width-box25">
                        <div class="product-item">
                            <div class="pro-img">
                                <img src="${r.data[i].images[0]}" alt="product img">
                            </div>
                            <div class="pro-title">
                                ${r.data[i].name}</br>
                                ${r.data[i]['item_no']}
                            </div>
                            <div class="pro-param">
                                <div class="param-wrap left-wrap">
                                    <div class="top-key">${r.data[i].voltgae}</div>
                                    <div class="bottom-value">${r.data[i].voltgae1}</div>
                                </div>
                                <div class="param-wrap middle-wrap">
                                    <div class="top-key">${r.data[i].power}</div>
                                    <div class="bottom-value">${r.data[i].power1}</div>
                                </div>
                                <div class="param-wrap right-wrap">
                                    <div class="top-key">${r.data[i].speed}</div>
                                    <div class="bottom-value">${r.data[i].speed1}</div>
                                </div>
                            </div>
                            <a href="/product/detail/id/${r.data[i].id}" class="view-more-btn-p">VIEW MORE</a>
                        </div>
                    </div>
                    `;
            }
            $(".pro-list .list-wrap").html(html);
        }
    });
}

防止input按下Enter键后自动刷新方法:

1.去掉form标签。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴小花的博客

1分也是爱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值