Highlight Active Row1.2.1
使当前选定的表格行更加可见。此扩展通过使当前选定的表行更加可见来帮助防止错误的数据输入。随时选择表中的输入框,整个表行会更改其样式。目标是让您当前在哪一行输入数据非常明显,以减少在错误行输入数据的机会。怎么运行的:该扩展程序注入了一个小脚本,该脚本将一个 focusin/focusout 事件侦听器添加到根文档对
更新日期:2021年 8月 29日分类标签:工具语言:中文平台:
7.74KB 0 人已下载 手机查看
简介:
使当前选定的表格行更加可见。此扩展通过使当前选定的表行更加可见来帮助防止错误的数据输入。随时选择表中的输入框,整个表行会更改其样式。目标是让您当前在哪一行输入数据非常明显,以减少在错误行输入数据的机会。怎么运行的:该扩展程序注入了一个小脚本,该脚本将一个 'focusin'/'focusout' 事件侦听器添加到根文档对象。当 'focusin' 事件触发时,它从 event.target 开始并遍历 DOM 以搜索 <tr> 父元素。如果找到 <tr>,它将内联样式设置为 pset 突出显示样式。当 'focusout' 事件触发时,它从 event.target 开始并遍历 DOM 以搜索 <tr> 父元素。如果找到 <tr> 则清除内联样式。额外细节: * 首次访问新网站时,需要通过单击扩展程序图标并从上下文菜单中选择“启用此域上的突出显示活动行”来启用扩展程序。这允许用户仅在选定的网站上运行扩展程序。 * 目前有一个硬设置 MAX_DEPTH 为 5,这限制了它在停止前检查的父项数量。这应该为未连接到表的节点提供所有不必要的 DOM 遍历,但如果输入位于 <div> 或两个 <div> 中,还允许一些摆动空间。未来功能: – 添加允许用户设置自定义突出显示样式的选项页面这是一个开源项目。访问 Highlight-Active-Row 的 Github 页面获取源代码,报告错误或贡献。 https://github.com/tomrule007/highlight-active-row版本历史: 1.2.1:修复了需要用户在页面更改时重新加载扩展的错误。 1.2.0:允许用户为每个网站域启用/禁用扩展1.1.0:切换到 focusin/focusout 事件和委托,它适用于动态添加的内容。 1.0.0:事件侦听器在加载时附加到每个输入元素,并且不适用于动态添加的内容。