功能型:js获取所有的input框元素 根据键盘上下方向键给某个input框加焦点事件

摘要:
行,子组件将成为一个普通的HTML标记//获取所有inputtinputAll=document。querySelectorAll('.table_inputinput')//上键盘=38if(item.keyCode==38){newIndex-=1;if(inputAll[newIndex]){inputAll[nnewIndex].focus();
键盘事件监听 @keyup.native
@keyup.native="tdItem.onKeyUp($event, trItem, trIndex)"
               (item , row , index) 
  
.native在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签
 
// 获取所有input
let inputAll = document.querySelectorAll('.table_input input');
// 向上键盘 =38
if (item.keyCode === 38) {
newIndex -= 1;
if (inputAll[newIndex]) {
inputAll[newIndex].focus();
}
}
// 向下键盘 =40
if (item.keyCode === 40) {
newIndex += 1;
if (inputAll[newIndex]) {
inputAll[newIndex].focus();
}
}

免责声明:文章转载自《功能型:js获取所有的input框元素 根据键盘上下方向键给某个input框加焦点事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇hadoop伪分布式搭建微信端支付宝支付,iframe改造,解决微信中无法使用支付宝付款和弹出“长按地址在浏览器中打开”下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Python--循环

__author__ = 'maioge'i = 1# while i <= 5 :# print('miaoge')# i += 1# while i <= 5 :# if i<=3 :# print('miaoge')# i+=1# continue# break# while i...

Win7下安装SQL Server 2005遇到的问题

-COM+ 目录要求(警告) 消息 COM+ 目录要求 如果SQL Server安装程序失败,安装程序将回滚所安装的系统,但可能不会删除所有.manifest文件。解决方法是重命名这些文件,然后重新运行安装程序。 有关详细信息,请参阅“如何处理SQL Server安装过程中的COM+检查失败问题”。   此时需要重新安装COM+,具体安装步骤如下: 1)在...

iOS开发常用之 HUD 弹窗

HUD与吐司 MBProgressHUD - 最多人用的loading。 EBuyCommon - 1.基于MBProgressHUD实现得图形加载提示方式,及其标题方式提醒.2。弹窗。 SVProgressHUD - SVProgressHUD的加载,如果你需要定制化的等待提示器,这个就是了(也许是最好的)。 ProgressHUD - P...

数据库MySQL/Postgres/Redis异步操作

数据库异步操作 基于 aiomysql 异步操作mysql数据库     异步操作 MySQL 的话,需要使用一个 aiomysql,直接 pip install aiomysql 入门案例 # -*- coding: utf-8 -*- # 导入异步操作的工具类库 import asyncio import aiomysql.sa as aio_sa...

Django 之 Form 组件

常用功能 From 组件主要有以下几大功能: 生成 HTML 标签 验证用户数据(显示错误信息) HTML Form 提交保留上次提交数据 初始化页面显示内容 小试牛刀 下面我们通过 Form 组件来生成 HTML 标签和验证用户提交的数据以及保留上次提交的数据。 创建 Form 类 form_verify.py from django import...

解决vue空格换行报错问题

这个问题主要是因为你初始化的时候设置了eslint(规范化代码,你可以重新初始化关掉eslint)解决办法如下(建议方法三,简单): 方法一: 找到目录下的build文件夹,面有webpack.base.config.js文件,将下放代码注释掉然后重启就可以了 由于我用vue-cli创建的项目没有build文件夹,所以找不到webpack.base.co...