为了账号安全,请及时绑定邮箱和手机立即绑定

这个input框为什么不能输入数字(可以输入汉字,字母标点等)?我只是给他加了一个enter事件而

这个input框为什么不能输入数字(可以输入汉字,字母标点等)?我只是给他加了一个enter事件而

至尊宝的传说 2018-12-20 18:19:41
 <div class="search_xzl">               <input class="middle_input"type="text" placeholder="请输入大厦名字..." id="xzl_input"  >               <input class="search"type="button" value="搜索" id="search_1"> </div>//enter搜索$('#xzl_input').on('keypress', function(event) {    if (event.keyCode === 13) {              $('#search_1').trigger('click');        }    return false;});  之所以加return false 是为了避免enter键之后触发默认的提交表单
查看完整描述

1 回答

?
30秒到达战场

TA贡献1828条经验 获得超6个赞

因为你的表单只有一个文本输入框,在这种情况下,在文本框里键入回车默认是会提交表单的。
你需要在你的js代码中加入 event.stopPropagation(); 来阻止事件冒泡。 否则就算你写return false;也是没有效果的。

    //enter搜索

 $('#xzl_input').on('keypress', function(event) {


    event.stopPropagation();

    

    if (event.keyCode === 13) {

        $('#search_1').trigger('click');

      

     }

    return false;

});


查看完整回答
反对 回复 2019-01-09
  • 1 回答
  • 0 关注
  • 520 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信