通过form实现enter事件

结构

<form action=‘#’>

<input type=‘search‘ />

<button>搜索</button>

</form>

在这种情况下即使给button加上事件,按enter键也会执行点击事件中的代码(pc-移动web皆可以)。(action需为javascript:; 并且默认的提价方式是get)

原文地址:https://www.cnblogs.com/TheHeartWants/p/8434559.html

时间: 2024-10-13 19:25:12

通过form实现enter事件的相关文章

键盘enter事件一个页面绑定多次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

vue.js 键盘enter事件的使用

在监听键盘事件时,我们经常需要检查常见的键值.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` --><input v-on:keyup.13="submit"> 记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名: <!-- 同上 --><input v-on:keyup.enter="submit"&g

vue enter事件无效,加入native

vue  @keyup.enter无法检测enter事件,加上修饰符号即可   @keyup.enter.native <Input type="password" v-model="password" placeholder="password" @keyup.enter.native="handleSubmit()"> <Icon type="ios-locked-outline" s

form的onsubmit事件--表单提交前的验证最佳实现方式

连续2天,在进行form表单包括上传表单的提交操作时,刚开始用struts2自带的上传模式与后台进行交互,但原来的页面是用html做的,不能通过国际化资源来返回后台操作的错误信息于静态的html,之后我又百度了许多ajax异步与后台交互的方法,如ajaxForm,ajaxSubmit,ajaxFileUpload等,用的是心力交瘁,各种错误抛出,然后还尝试easyui的表单提交,还是不成...这一切的目的都是为了实现异步交互,不让当前页面跳转,使用ajax实现文件上传的异步刷新,最后还是死心了,

IE、Chrome兼容Enter事件

Chrome兼容回车键代码: document.onkeydown=function(event){//按enter键发送消息 var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode){ // enter 键 //ToDo e.preventDefault();//防止enter键冒泡,输入换行 } }; IE兼容回车键代码: document.onkeypress=f

jQuery绑定enter事件

有时我们写jQuery绑定按钮事件时,执行成功后却发现,习惯性地按下"Enter"键不能提交?是不是我们要重新将"绑定按钮事件"再写一遍成"绑定enter键盘事件"呢?No!No!No! 只需要将键盘事件绑定按钮即可,就是这样简单--,绑定按键后就会执行相应的"绑定按键事件"了.     $(function(){         $("#button").bind("click",fu

VUE 中 使用 iview Form组件 enter键防止页面刷新

<Form :label-width="100" inline label-position='left' @keydown.native.enter.prevent ="()=>{}"> 或者使用官方的 @submit.native.prevent 原文地址:https://www.cnblogs.com/smzd/p/9197915.html

jquery 绑定回车(Enter )事件

全局: $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit();//处理事件 } } }); 某个控件: $('#id').keydown(function(e){ if(e.keyCode==13){ $('#FormId).submit(); //处理事件 } }); 取消回车事件: i

Jquery enter事件绑定

1 $(window).keydown(function(event) 2 { 3 //enter keycode 为13 4 if(event.keyCode==13) 5 { 6 $(".submit").click(); 7 } 8 }); 9 10 keycode 8 = BackSpace 回格 11 keycode 9 = Tab 12 keycode 13 = Enter 回车