ph-utils 0.1.1 → 0.1.7

package/lib/dom.d.ts

@@ -32,9 +32,13 @@ export declare function transform(element: HTMLElement, value: string): void;
  * @param {HTMLElement} element   添加事件的节点
  * @param {string}      listener  事件名称
  * @param {function}    event     事件处理函数
- * @param {boolean}     once      是否是只运行一次的处理函数
+ * @param {boolean}     onceOrConfig  是否是只运行一次的处理函数或者配置，其中 eventFlag 为 string，如果配置该项，则表明为委托事件；eventStop 表明是否在点击了事件节点时触发，默认为 false
  */
-export declare function on(element: HTMLElement, listener: string, event: (e?: Event) => void, once?: boolean): void;
+export declare function on(element: HTMLElement, listener: string, fn: (e: Event, target?: HTMLElement, flag?: string) => void, once?: boolean | {
+    once?: boolean;
+    eventFlag?: string;
+    eventStop?: boolean;
+}): void;
 /**
  * 设置或获取节点的 innerHTML 属性
  * @param element

package/lib/dom.js

@@ -54,10 +54,35 @@ export function transform(element, value) {
  * @param {HTMLElement} element   添加事件的节点
  * @param {string}      listener  事件名称
  * @param {function}    event     事件处理函数
- * @param {boolean}     once      是否是只运行一次的处理函数
+ * @param {boolean}     onceOrConfig  是否是只运行一次的处理函数或者配置，其中 eventFlag 为 string，如果配置该项，则表明为委托事件
  */
-export function on(element, listener, event, once = false) {
-    element.addEventListener(listener, event, { once });
+export function on(element, listener, fn, once = false) {
+    let eventExtra = { eventStop: false };
+    if (typeof once === 'boolean') {
+        eventExtra.once = once;
+    }
+    else {
+        eventExtra = once;
+    }
+    if (eventExtra.eventFlag != null) {
+        element.setAttribute(eventExtra.eventFlag, '__stop__');
+        element.addEventListener(listener, (e) => {
+            let target = e.target;
+            let flag = '';
+            do {
+                flag = target.getAttribute(eventExtra.eventFlag) || '';
+                if (flag === '') {
+                    target = target.parentNode;
+                }
+            } while (flag === '');
+            if (flag !== '__stop__' || eventExtra.eventStop) {
+                fn(e, target, flag);
+            }
+        }, eventExtra);
+    }
+    else {
+        element.addEventListener(listener, fn, eventExtra);
+    }
 }
 /**
  * 设置或获取节点的 innerHTML 属性

package/package.json

@@ -5,7 +5,7 @@
   "module": "lib/index_m.js",
   "types": "lib/index.d.ts",
   "browser": "lib/index_m.js",
-  "version": "0.1.1",
+  "version": "0.1.7",
   "repository": {
     "type": "git",
     "url": "git+https//gitee.com/towardly/ph.git",