|
|
@@ -0,0 +1,37 @@
|
|
|
+<header>domEventPromise</header>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <button id="knopka">test button</button>
|
|
|
+ <script>
|
|
|
+ function domEventPromise(element, eventName) {
|
|
|
+ function executor(resolve) {
|
|
|
+ function myOnClick(event) {
|
|
|
+ element.removeEventListener(eventName, myOnClick);
|
|
|
+ resolve(event);
|
|
|
+ }
|
|
|
+ element.addEventListener(eventName, myOnClick);
|
|
|
+ }
|
|
|
+ return new Promise(executor);
|
|
|
+ }
|
|
|
+
|
|
|
+ /*function domEventPromise1(element, eventName) {
|
|
|
+ return
|
|
|
+ new Promise(
|
|
|
+ function (resolveFunc) {
|
|
|
+ function executor(event) {
|
|
|
+ element.removeEventListener(eventName, executor);
|
|
|
+ resolveFunc(event);
|
|
|
+ //happy hacking
|
|
|
+ }
|
|
|
+ element.addEventListener(eventName, executor);
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }*/
|
|
|
+ domEventPromise(knopka, 'click').then(e => console.log('event click happens', e));
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+
|
|
|
+используя addEventListener повесить свой обработчик события на DOM element событие eventName
|
|
|
+по событию зарезолвить промис отдав в качестве результата объект события
|
|
|
+убрать обработчик с DOM-элемента, используя removeEventListener.
|
