BootStrap 回车查询 全页面回车查询 兼容第2回车查询 多个回车查询 js获取光标所在元素 光标所在input元素的位置

tanzongbiao 2022-05-14 15:13:33 阅读数:241

查询bootstrap页面回车

js获取光标所在元素

var focusTemp = $("input:focus");

使用示例

//兼容第2回车查询
//光标所在input元素的位置(HTMLInputElement)
var htmlTemp = $("input:focus")[0];
if(htmlTemp != undefined
&& (htmlTemp.id == "studentName"
|| htmlTemp.id == "studentIdCard"
)){
//第2回车查询
$('#btn_Search2').click();
}else{
//原全页面回车查询
$('#btn_Search').click();
}

全页面回车查询 多个回车查询

//清空
$("#btn_Clear").click(function() {
$("#form_Condition").resetForm();
});
//查询(button模式时需开,submit模式时需关,bug,按钮为submit时就不能再绑定了,因为已默认绑定,再绑定就会导致查询2次)
$("#btn_Search").click(function() {
$("#tb_TableStudent").bootstrapTable('refresh');
});
//回车查询(button模式)(全页面-解决下拉框及日期选择无法回车查询的问题)
document.onkeydown = function (e) {
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
//兼容第2回车查询
//光标所在input元素的位置(HTMLInputElement)
var htmlTemp = $("input:focus")[0];
if(htmlTemp != undefined
&& (htmlTemp.id == "studentName"
|| htmlTemp.id == "studentIdCard"
)){
//第2回车查询
$('#btn_Search2').click();
}else{
//原全页面回车查询
$('#btn_Search').click();
}
}
};
//清空2
$("#btn_Clear2").click(function() {
$("#form_Condition2").resetForm();
});
//查询(button模式时需开,submit模式时需关,bug,按钮为submit时就不能再绑定了,因为已默认绑定,再绑定就会导致查询2次)
$("#btn_Search2").click(function() {
$("#tb_Table").bootstrapTable('refresh');
});

版权声明:本文为[tanzongbiao]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/tanzongbiao/article/details/124762123