设置button按钮,enter默认提交表单及ctrl+enter提交
2012-11-17 13:17
351 查看
1、设置operatedquery_form这个表单,enter键提交的事件:(jquery)
$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询
e=e||window.event;
if(e.keyCode==13){
//operatedinfo.query();提交表单的操作
}
}) ;
2、去掉表单enter键提交
$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询
e=e||window.event;
var keyNum = e.which || e.keyCode;
return keyNum==13 ? false : true;
}) ;
jquery还为我们提供了更简单的办法:
通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询
e=e||window.event;
if(e.keyCode==13){
//operatedinfo.query();提交表单的操作
}
}) ;
2、去掉表单enter键提交
$("#operatedquery_form").keydown(function(e){ //设定enter键默认提交查询
e=e||window.event;
var keyNum = e.which || e.keyCode;
return keyNum==13 ? false : true;
}) ;
jquery还为我们提供了更简单的办法:
通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
$("form").bind("submit", function(event){ event.preventDefault(); }); 3、showLeave为div的ID $("#showLeave").keydown(function(event){ if(event.ctrlKey&&event.keyCode==13) { leaveMessage.addMessage(); } });
相关文章推荐
- 如何设置用Ctrl+Enter提交表单
- 如何设置用Ctrl+Enter提交表单
- 如何设置用Ctrl+Enter提交表单
- form表单底下的button按钮点击自动提交恶心问题的解决
- JavaScript在form表单中使用button按钮实现submit提交方法
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- bootstrap两种按钮写法 button 和 a, 可用于表单提交和a不同按钮链接跳转
- html中的button按钮调用js函数和提交表单传递参数
- form表单下的button按钮会自动提交表单的问题
- jQuery实现ctrl+enter(回车)提交表单
- 关于enter不触发默认的表单提交问题的解决
- 使用Ctrl+Enter提交表单
- form表单下的button按钮会自动提交表单的问题
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- form表单下的button按钮会自动提交表单的问题
- jquery实现文本框textarea的ctrl+enter提交表单
- 写前端页面时,按钮明明是<button>,为什么点击时会提交表单,刷新页面呢?
- 当button按钮放入form表单进行ajax提交遇到的诡异问题