如何通过点击页面空白处实现长尾词保存功能？

本文共计702个文字，预计阅读时间需要3分钟。

功能描述：双击表格一行实现表格编辑，点击空白处保存。表格可编辑相关文章在可编辑表格中，实现思路：当表格处于编辑状态时，在页面进行click监听，判断点击区域是否为编辑区域。

功能描述

双击表格一行实现表格编辑，点击空白处实现保存。

表格可编辑相关文章在可编辑表格

实现思路

当表格在编辑状态的时候在页面进行click监听，判断点击区域是否为编辑区域，如果不是编辑区域实现保存功能并取消click监听

功能点一：页面监听与取消接听

// 通过addEventListener与removeEventListener实现 document.addEventListener("click", function, false); document.removeEventListener("click", function, false);

功能点二：判断点击区域是否为可编辑区域

该功能点有一定难度，首先你需要判断点击区域是否为表格区域，其次你要判断点击的区域是否为编辑状态的呢一行。所以我分为两步去实现

1、判断点击区域是否为表格区域

该功能点通过 contains 接口实现。判断条件为 tableDom.contains(target) ；该接口可以判断target是否为tableDom的子节点。