feat: add preventEventDefault, stopEventPropagation

src/index.ts

@@ -28,7 +28,9 @@ export { default as isString } from './isString'
 export { default as isUndefined } from './isUndefined'
 export { default as noop } from './noop'
 export { default as parseCssValue } from './parseCssValue'
+export { default as preventEventDefault } from './preventEventDefault'
 export { default as reduce } from './reduce'
 export { default as repeat } from './repeat'
 export { default as shuffle } from './shuffle'
+export { default as stopEventPropagation } from './stopEventPropagation'
 export { default as supportPassiveEventListener } from './supportPassiveEventListener'

src/preventEventDefault.ts

@@ -0,0 +1,11 @@
+/**
+ * 阻止事件的默认行为。
+ *
+ * @param e 要阻止的事件
+ */
+export default function preventEventDefault(e: Event): void {
+  /* istanbul ignore else */
+  if (e instanceof Event) {
+    e.preventDefault()
+  }
+}

src/stopEventPropagation.ts

@@ -0,0 +1,11 @@
+/**
+ * 阻止事件的进一步传播。
+ *
+ * @param e 要阻止的事件
+ */
+export default function stopEventPropagation(e: Event) {
+  /* istanbul ignore else */
+  if (e instanceof Event) {
+    e.stopPropagation()
+  }
+}

test/index.test.ts

@@ -563,3 +563,29 @@ describe('shuffle', () => {
     expect(vtils.shuffle(arr2).sort()).toEqual(arr2.sort())
   })
 })
+
+describe('preventEventDefault', () => {
+  test('阻止成功', done => {
+    const div = document.createElement('div')
+    div.onclick = e => {
+      expect(e.defaultPrevented).toBeFalsy()
+      vtils.preventEventDefault(e)
+      expect(e.defaultPrevented).toBeTruthy()
+      done()
+    }
+    div.click()
+  })
+})
+
+describe('stopEventPropagation', () => {
+  test('阻止成功', done => {
+    const div = document.createElement('div')
+    div.onclick = e => {
+      expect(e.cancelBubble).toBeFalsy()
+      vtils.stopEventPropagation(e)
+      expect(e.cancelBubble).toBeTruthy()
+      done()
+    }
+    div.click()
+  })
+})