xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use the .closest method to transfer recursive parent class checking into the browser engine for an expected performance improvement (#840)

Browse Source 
https://developer.mozilla.org/en-US/docs/Web/API/Element/closest available on all modern browsers
This commit is contained in:
Eoghan Murray
2022-02-22 15:48:32 +00:00
committed by GitHub
parent 94fa6b3e8a
commit f74b7bb28d
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/rrweb/src/utils.ts
View File

@@ -230,7 +230,11 @@ export function isBlocked(node: Node | null, blockClass: blockClass): boolean {
if (node.nodeType === node.ELEMENT_NODE) { if (node.nodeType === node.ELEMENT_NODE) {
let needBlock = false; let needBlock = false;
if (typeof blockClass === 'string') { if (typeof blockClass === 'string') {
needBlock = (node as HTMLElement).classList.contains(blockClass); if ((node as HTMLElement).closest !== undefined) {
return (node as HTMLElement).closest('.' + blockClass) !== null;
} else {
needBlock = (node as HTMLElement).classList.contains(blockClass);
}
} else { } else {
(node as HTMLElement).classList.forEach((className) => { (node as HTMLElement).classList.forEach((className) => {
if (blockClass.test(className)) { if (blockClass.test(className)) {