JavaScript-外观模式

最新推荐文章于 2024-06-12 11:59:04 发布

新时代的弩力

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量43

点赞数

分类专栏： JavaScript设计模式文章标签： javascript 外观模式前端

本文链接：https://blog.csdn.net/qq_42372534/article/details/124501407

版权

JavaScript设计模式专栏收录该内容

14 篇文章 1 订阅

订阅专栏

外观模式

定义:为多个不同的方法提供一个统一的接口,一般设计到兼容性,对外暴露统一的api,外面只用一个函数,内部自己判断使用具体哪个函数

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>外观模式</title>
  </head>
  <body>
    <script>
      myEvent = {
        // 取消冒泡,阻止默认行为
        stop(e) {
          if (typeof e.stopPropagation === "function") {
            e.stopPropagation();
          }
          if (typeof e.preventDefault === "function") {
            e.preventDefault();
          }
          // IE
          if (typeof e.returnValue === "boolean") {
            e.returnValue = false;
          }
          if (typeof e.cancelBubble === "boolean") {
            e.cancelBubble = true;
          }
        },
        // 添加事件
        addEventListener(dom, type, fn) {
          if (dom.addEventListener) {
            dom.addEventListener(type, fn, false);
          } else if (dom.attachEvent) {
            dom.attachEvent("on" + type, fn);
          } else {
            dom["on" + type] = fn;
          }
        },
      };
    </script>
  </body>
</html>

新时代的弩力

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-外观模式

外观模式定义:为多个不同的方法提供一个统一的接口,一般设计到兼容性,对外暴露统一的api,外面只用一个函数,内部自己判断使用具体哪个函数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="view
复制链接

扫一扫