<script src="${ctx}/static/lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
/*
*编辑数据表格,键盘快捷键方法。
*可跳过无编辑属性的列
*tab 右边一个单元格
*shift + tab 左边一个单元格
*enter 下一行的单元格
*shift + enter 上一行的单元格
*/
//支持tab+enter 的切换
$(document).on('keydown keyup', '.layui-input',
function (event) {
var td = $(this).parent('td'),
index = td.index(),
tr = td.parent('tr'),
isShift = $(document).data('shift'),
isKeydown = (event.type == "keydown");
switch (event.key) {
case "Shift":
$(document).data('shift', isKeydown);
break;
case "Tab":
event.preventDefault();
isKeydown
layui table 使用tab键切换单元格
最新推荐文章于 2023-08-01 10:22:24 发布