应用截图
详细介绍
让当前选中的表格行更加醒目。
此扩展程序通过让当前选中的表格行更加醒目,帮助防止数据录入错误。每当选中表格内的输入框时,整行的样式都会改变。目的是清楚地显示当前正在输入数据的行,降低将数据输入错误行的可能性。
工作原理:
扩展程序会注入一个小脚本,为根文档对象添加 'focusin'/'focusout' 事件监听器。
触发 'focusin' 事件时,它从 event.target 开始遍历 DOM,查找父元素。如果找到,就将内联样式设为预设的高亮样式。
触发 'focusout' 事件时,它从 event.target 开始遍历 DOM,查找父元素。如果找到,就清除内联样式。
其他详情:
* 首次访问新网站时,需要点击扩展程序图标,并从上下文菜单中选择 `Enable Highlight Active Row on this domain` 来启用扩展程序。这样用户就可以只在选定的网站上运行该扩展程序。
* 当前 MAX_DEPTH 固定为 5,限制了停止前检查的父元素数量。这应当可以避免对不属于表格的节点进行不必要的 DOM 遍历,同时在输入框嵌套一两层时留有余地。
未来功能:
- 添加选项页面,允许用户设置自定义高亮样式
这是一个开源项目。请访问 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:事件监听器在加载时附加到每个输入元素,无法处理动态添加的内容。