输入表单输入完一个后按住enter光标自动跳到下一个表单
2017-04-25 11:29
211 查看
$.enterfocus = function (selector, callback) { //按住enter键可以自动换到下一行的input
var boxArray = [].slice.call(document.querySelectorAll(selector));
for (var index in boxArray) {
var box = boxArray[index];
box.addEventListener('keyup', function (event) {
if (event.keyCode == 13) { // 点击了enter键
var boxIndex = boxArray.indexOf(this);
if (boxIndex == boxArray.length - 1) {
if (callback) callback();
} else {
var nextBox = boxArray[++boxIndex];
$.focus(nextBox);
}
}
}, false);
}
};
使用:
$.enterfocus('#form1 input', function () {
$.trigger(document.getElementById("btn_ok"), 'tap');
//trigger激发一个事件,tap,focus,select,
});
总结:
trigger用法:
当相应的事件发生时,任何通过
若要提交第一个表单但又不想使用 submit() 函数,请尝试如下方法:
$("form:first-child").trigger("submit")
点击回车提交
$("#div").keyup(function(event){
if(event.keyCode==13) { $(".button").submit();}
})
var boxArray = [].slice.call(document.querySelectorAll(selector));
for (var index in boxArray) {
var box = boxArray[index];
box.addEventListener('keyup', function (event) {
if (event.keyCode == 13) { // 点击了enter键
var boxIndex = boxArray.indexOf(this);
if (boxIndex == boxArray.length - 1) {
if (callback) callback();
} else {
var nextBox = boxArray[++boxIndex];
$.focus(nextBox);
}
}
}, false);
}
};
使用:
$.enterfocus('#form1 input', function () {
$.trigger(document.getElementById("btn_ok"), 'tap');
//trigger激发一个事件,tap,focus,select,
});
总结:
trigger用法:
当相应的事件发生时,任何通过
.on()或一个快捷方法绑定的事件处理程序将被触发。但是,它们可以用
.trigger()方法手动触发。调用
.trigger()执行处理程序和用户自然的触发该事件,他们的执行顺序时相同的
$('#foo').on('click', function() {
alert($(this).text());
});
$('#foo').trigger('click');激发上面的click事件
若要提交第一个表单但又不想使用 submit() 函数,请尝试如下方法:
$("form:first-child").trigger("submit")
点击回车提交
$("#div").keyup(function(event){
if(event.keyCode==13) { $(".button").submit();}
})
相关文章推荐
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- javascript 一个文本框输入完毕后自动跳转到下一个文本框的方法
- Enter后光标移到下一个输入框---网页制作中表单相关特效
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- 我想在一个表单中操作“档案”表,但其中有“编号”和“名称”两拦,另有“编码”表有两者一一对应,请问怎样用sql在本表单中输入“编号”时,让“名称”拦自动填写?
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- Windows Server登录后,光标到哪里都有一个蓝色的框,输入文字,就自动跳转到登陆界面
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- 在ASP.NET(C#)中实现在一个文本框输入值后按回车时将光标移到下一个文本框
- javascript 一个文本框输入完毕后自动跳转到下一个文本框的方法
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- C#按回车Enter使输入焦点自动跳到下一个TextBox的方法收集
- 怎么样在PB的数据窗口中一输入一个汉字就自动的取出它的拼音字母的第一个
- 一个常用的表单文本框input输入提示
- 如何在文本框输入框里按回车键,光标自动跳转到下一个文本框输入框或者是执行某按钮的提交?
- 如何在文本框输入框里按回车键,光标自动跳转到下一个文本框输入框或者是执行某按钮的提交?
- InfoPath表单每增加一个表单产生一个自动增加ID序号
- 在输入框中输入特定位数的字母或位数字后或回车就自动跳转到下一个输入框
- Buffalo自动绑定表单Select数据的一个例子
- 按下Enter时自动跳向下一个控件