add proxy() to instance

packages/artplayer-document/docs/en/Advance.md

@@ -100,6 +100,32 @@ art.on('ready', () => {
 });
 ```
 
+## events
+
+-   Type: `Object`
+
+Manage the `events`
+
+## proxy
+
+-   Type: `Function`
+
+Proxy native event method, easy to manage and destroy the event
+
+<div className="run-code">▶ Run Code</div>
+
+```js
+var container = document.querySelector('.artplayer-app');
+var art = new Artplayer({
+    container: container,
+    url: '/assets/sample/video.mp4',
+});
+
+art.proxy(container, 'click', (event) => {
+    console.info(event);
+});
+```
+
 ## storage
 
 -   Type: `Object`

packages/artplayer-document/docs/zh-cn/Advance.md

@@ -100,6 +100,32 @@ art.on('ready', () => {
 });
 ```
 
+## events
+
+-   类型: `Object`
+
+管理事件发生的对象
+
+## proxy
+
+-   类型: `Function`
+
+代理原生事件的方法，便于事件的管理与销毁
+
+<div className="run-code">▶ Run Code</div>
+
+```js
+var container = document.querySelector('.artplayer-app');
+var art = new Artplayer({
+    container: container,
+    url: '/assets/sample/video.mp4',
+});
+
+art.proxy(container, 'click', (event) => {
+    console.info(event);
+});
+```
+
 ## storage
 
 -   类型: `Object`

packages/artplayer/src/events/index.js

@@ -12,6 +12,7 @@ export default class Events {
         this.proxy = this.proxy.bind(this);
         this.hover = this.hover.bind(this);
         this.loadImg = this.loadImg.bind(this);
+        art.proxy = this.proxy;
 
         if (art.whitelist.state) {
             art.once('ready', () => {

packages/artplayer/types/artplayer.d.ts

@@ -189,6 +189,7 @@ declare class Artplayer extends Player {
     emit(name: string): void;
     off(name: string, callback?: Function): void;
     query(selector: string): HTMLElement;
+    proxy(target: HTMLElement, name: string, callback: Function, option?: object): Function;
     destroy(removeHtml?: boolean): void;
 
     readonly template: {