企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>HTML学习>正文

文本框加上form后,按回车键跳转页面,如何禁止?

2024-08-06 09:51:14 浏览 2033

第一种处理方法:用js的方式处理

html代码:

<form>
   <div class="r-fm12 dis-row">
       <input type="text"  placeholder="tu email :)">
       <button type="button">Suscribir</button>
   </div>
</form>

js代码

document.addEventListener('DOMContentLoaded', function() {
   var input = document.getElementById('sv'); // 假设文本框的id为'myInput'
   input.addEventListener('keydown', function(event) {
       if (event.key === 'Enter') {
           event.preventDefault();
       }
   });
});

第二种方法:

<!--                   <form>-->
                      <div class="r-fm12 dis-row">
                          <input type="text"  placeholder="tu email :)">
                          <button type="button">Suscribir</button>
                      </div>
<!--                   </form>-->

把form注释掉即可


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音