行为事件接口

前端不是经常要去进行事件分析吗

页面级

• PV--根据页面进入进行统计筛选
• PL-- 页面,关闭时进行统计
• scroll

元素级

• click
• dbclick
• mouseOver
• contextMenu--这个就是鼠标右键事件

复合事件

1. 值改变
2. 那么实际上值改变,是有多种情况的,比如 input 标签的 值改变,以及style 内联样式变化,子元素变化,那么这些监听,可以去通过监听Mutationobserver

watcher.observe(root, 
{ attributes: true, attributeOldValue: true,
attributeFilter: ['value', 'checked', 'style'], 
childList: true,
subtree: true,
characterData: true, 
characterDataOldValue: true });

富文本事件

1. 因为比如类似textArea 这种场景的富文本编辑器,常用,我也需要单独监听,因为这些不是用Input 标签来进行处理的,我要监听characterData 富文本专属属性,进行内容监听收集.

const root = document.getElementsByClassName("DraftEditor-editorContainer")[0];
   watcher.observe(root, {
                attributes: true, attributeFilter: ['value'],
                childList: true, subtree: true, characterData: true
            });