- 定义 一个变量
export let DomObj = DomObj = {}
let clickedElement
DomObj .doc = docment
定义初始化函数init(), DomObj .init = function() {}如果doc存在的情况下,并监听mousedown事件,获取点击的元素(e.target)
- 定义initGetXpath方法,DomObj.init()
当DomObj .doc存在时,DomObj .doc.addEventListener('mousedown', 指定的回调函数,获取xpath的方法, true);
这里也可以监听鼠标移入移出事件,改变doc的样式,outline,颜色边框的属性
3.定义点击事件, 先阻止冒泡,阻止默认行为; clickedElement = 当前元素(e.target)
移出google的高亮效果 DomObj .clearHighlights(); 然后执行获取xpath的方法, 得到xpath, DomObj.xpath = xpath, 将xpath存储起来,并执行高亮选择方法。定时器再次移除高亮(50ms)
页面中导入 DomObj , initGetXpath() , contentDocument(通过getElementById获取)赋值给 DomObj .doc = contentDocument ,延时2到三秒执行
在页面导入ifram页面, 在跳转到一个页面时,会残留动态给iframe的样式问题
<Prompt message={() => {
try {
iframeDoc.doc = null
} catch(err) {
}
return true //返回true标识离开当前页面, false表示留在当前页面
}}>
</Prompt>