Javascript 在Twitter引导模式中输入keypress时触发onClick事件
我在Twitter引导模式的基础上构建了几个模式,每个模式都至少有一个提交按钮,这是我在大多数情况下需要触发的默认操作,因为第二个按钮用于返回(解除模式),如何在模式上,当我按enter键时触发提交的任何操作?例如,现在,当它们是按钮时,我有如下内容:Javascript 在Twitter引导模式中输入keypress时触发onClick事件,javascript,jquery,html,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap 3,我在Twitter引导模式的基础上构建了几个模式,每个模式都至少有一个提交按钮,这是我在大多数情况下需要触发的默认操作,因为第二个按钮用于返回(解除模式),如何在模式上,当我按enter键时触发提交的任何操作?例如,现在,当它们是按钮时,我有如下内容: $("#btn").on("click", function(e){ e.preventDefault(); // wait... not send form yet, will be a Ajax call }); 有什么帮助吗?示例
$("#btn").on("click", function(e){
e.preventDefault(); // wait... not send form yet, will be a Ajax call
});
有什么帮助吗?示例代码
作为参考,这是模态内容(我将Twig作为Symfony2项目的一部分使用,因此不必担心{{}}
):
想法是,
Enter
键将触发#btnBuscarNorma
单击事件,而不是#btnaplicanorma
单击事件。您可以监听表单提交并阻止它
$('#myform').on('submit', function (e) {
e.preventDefault();
});
通过这种方式,您可以确保从不提交表单。还可以在调用submit函数时启动Ajax调用
正常按钮
也不会提交表单。您可以监听表单提交并阻止它
$('#myform').on('submit', function (e) {
e.preventDefault();
});
通过这种方式,您可以确保从不提交表单。还可以在调用submit函数时启动Ajax调用
正常按钮
也不会提交表单。在打开模式文件时绑定此事件
//to prevent multiple binding
$(document).unbind("keyup").keyup(function(e){
var code = e.which; // recommended to use e.which, it's normalized across browsers
if(code==13)
{
$("#btn").click();
}
});
打开模式文件时绑定此事件
//to prevent multiple binding
$(document).unbind("keyup").keyup(function(e){
var code = e.which; // recommended to use e.which, it's normalized across browsers
if(code==13)
{
$("#btn").click();
}
});
当模态在中打开时,类在其上处于活动状态。 因此,您可以进入JQuery:
$("#addNorma.in").on("keydown",function(e){
if(e.which == 13){
//Do something.
}
});
当模态在中打开时,类在其上处于活动状态。 因此,您可以进入JQuery:
$("#addNorma.in").on("keydown",function(e){
if(e.which == 13){
//Do something.
}
});
例如:你能提供一个带有模态的例子吗?或者您是指模式本身的
show.bs.modal
或show.bs.modal
事件?如果是最新的,我不知道如何将您的解决方案与之匹配,请提供一个示例如果您希望在模式中提交带有“Enter”的表单,那么是的,使用模式显示活动中提供的代码。请查看编辑的帖子,我添加了一些额外的信息,可能我没有首先解释我正在尝试做什么!我认为你的解决方案不是我想要的,但它有点帮助。你能提供一个模态的例子吗?或者您是指模式本身的show.bs.modal
或show.bs.modal
事件?如果是最新的,我不知道如何将您的解决方案与之匹配,请提供一个示例如果您希望在模式中提交带有“Enter”的表单,那么是的,使用模式显示活动中提供的代码。请查看编辑的帖子,我添加了一些额外的信息,可能我没有首先解释我正在尝试做什么!我认为你的解决方案不是我想要的,但它有点帮助