猿问

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

 <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键之后触发默认的提交表单

至尊宝的传说
浏览 521回答 1
1回答

30秒到达战场

因为你的表单只有一个文本输入框,在这种情况下,在文本框里键入回车默认是会提交表单的。你需要在你的js代码中加入&nbsp;event.stopPropagation();&nbsp;来阻止事件冒泡。 否则就算你写return false;也是没有效果的。&nbsp; &nbsp; //enter搜索&nbsp;$('#xzl_input').on('keypress', function(event) {&nbsp; &nbsp; event.stopPropagation();&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; if (event.keyCode === 13) {&nbsp; &nbsp; &nbsp; &nbsp; $('#search_1').trigger('click');&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; return false;});
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答