ph-utils 0.12.3 → 0.12.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/dom.d.ts +2 -2
- package/lib/dom.js +13 -6
- package/package.json +1 -1
package/lib/dom.d.ts
CHANGED
@@ -73,7 +73,7 @@ export declare function toggleClass(el: HTMLElement, clazz: string): void;
|
|
73
73
|
* @param {function} event 事件处理函数
|
74
74
|
* @param {boolean} onceOrConfig 是否是只运行一次的处理函数或者配置,其中 eventFlag 为 string,如果配置该项,则表明为委托事件
|
75
75
|
*/
|
76
|
-
export declare function on
|
76
|
+
export declare function on(element: HTMLElement | ShadowRoot | Document, listener: string, fn: EventListener, option?: boolean | (AddEventListenerOptions & {
|
77
77
|
eventFlag?: string;
|
78
78
|
})): void;
|
79
79
|
/**
|
@@ -82,7 +82,7 @@ export declare function on<T extends Event>(element: HTMLElement, listener: stri
|
|
82
82
|
* @param listener - 事件名称。
|
83
83
|
* @param fn - 要移除的事件监听器函数。
|
84
84
|
*/
|
85
|
-
export declare function off(el: HTMLElement | Document, listener: string, fn: EventListener, option?: boolean | EventListenerOptions): void;
|
85
|
+
export declare function off(el: HTMLElement | ShadowRoot | Document, listener: string, fn: EventListener, option?: boolean | EventListenerOptions): void;
|
86
86
|
/**
|
87
87
|
* 判断事件是否应该继续传递。
|
88
88
|
* 从事件目标开始向上遍历DOM树,检查每个节点上是否存在指定的属性。
|
package/lib/dom.js
CHANGED
@@ -125,7 +125,9 @@ export function toggleClass(el, clazz) {
|
|
125
125
|
*/
|
126
126
|
export function on(element, listener, fn, option) {
|
127
127
|
if (typeof option === "object" && option.eventFlag) {
|
128
|
-
element.setAttribute
|
128
|
+
if (element.setAttribute) {
|
129
|
+
element.setAttribute(option.eventFlag, "__stop__");
|
130
|
+
}
|
129
131
|
}
|
130
132
|
element.addEventListener(listener, fn, option);
|
131
133
|
}
|
@@ -153,11 +155,16 @@ export function shouldEventNext(e, eventFlag) {
|
|
153
155
|
let target = e.target;
|
154
156
|
let flag = "";
|
155
157
|
do {
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
158
|
+
try {
|
159
|
+
flag = target.getAttribute(eventFlag) || "";
|
160
|
+
if (flag === "") {
|
161
|
+
target = target.parentNode;
|
162
|
+
if (!target)
|
163
|
+
break;
|
164
|
+
}
|
165
|
+
}
|
166
|
+
catch (_error) {
|
167
|
+
break;
|
161
168
|
}
|
162
169
|
} while (flag === "");
|
163
170
|
return [flag !== "__stop__", flag, target];
|