关于手机端搜索键的监听事件

之前在做这微商城的项目时进行移动端搜索时对搜索键的监听时忘了做记录,今天再次遇到这一问题呈现在就先记录下来。手机搜索键与pc端的enter键的e.keyCode相同都为13,
而且如果将搜索框放于一表单中时它会进行默认的同步提交事件,想要让其进行异步提交则阻止其的默认行为或将其放于表单外部,我在这项目中是将其放于了表单的外部。


html代码: <div class="search">
<input type="search" placeholder="搜索店铺内商品" id="comName">
</div>
js监听代码
$("#comName").keydown(function(e){
alert("jjjjj")
/*var merNo=getCookieValue("merNo");*/
var merNo=sessionStorage.getItem("merNo");
alert("merNo="+merNo)
/*alert("llll"+e.keyCode)*/
if (!e)
e = window.event;// 火狐中是 window.event


if ((e.keyCode || e.which) == 13) {

var comName=$("#comName").val();

alert("comName="+comName);
$.ajax({
async : true,
type : "post",
dataType : "json",
crossDomain : true,




url : "findlinkCommNameAction!findlinkCommName",
/* data : , */
data:{"comName":comName,"merchant.merNo":merNo},
success : function(msg) {
$("#defaultUl").empty();
var jsonData = eval(msg);
var str = '';

$.each(jsonData, function(index, objVal) { // 遍历对象数组,index是数组的索引号,objVal是遍历的一个对象。
alert("comName="+objVal["comNo"])
alert("comPrize="+objVal["comPrize"])
alert("image="+ objVal["commodityImages"][0].comImage)
alert("coNo="+objVal["comNo"])
str += "<li><a href='shopInfo.html?comNo=" + objVal["comNo"]
+ "'><img style='width:100%;height:100%;' src='"+ objVal["commodityImages"][0].comImage + "'><div>"
+ objVal["comName"] + "<br/><font color='red'>¥"
+ objVal["comPrize"] + "</div></a></li>";

 
});


$("#defaultUl").append(str);


},
error : function(data, type, exception) {
alert(data.msg)
alert("超时")
return;


}
});


}
/**/
});
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值