禁止form表单回车提交

$(document).keydown(function(event){
  switch(event.keyCode){
    case 13:return false;
  }
});

以上方法有点问题:如果在一个表单中存在textarea时,会造成在textarea中无法回车。
通过网上查询资料发现了一种写法:

$(document).on("keypress", ":input:not(textarea)", function(event) {
  return event.keyCode != 13;
});

测试应该是没有问题的。
也可以通过查询触发事件元素的方法仅仅是input无法回车提交表单就可以。可以通过事件属性target来判断(即操作的元素)$(document).on('keypress',function(e){
  if($(e.target).is('input') && e.keyCode == 13) {
    return false;
  }
})

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/3065.html

发表评论

登录后才能评论