发布-订阅模式演示示例

最新推荐文章于 2024-10-07 09:24:46 发布

忘不了情

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量232

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/y1059477028/article/details/142618860

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>发布-订阅模式示例</title>
    <style>
      #responseArea {
        white-space: pre-wrap; 
        min-height: 100px;
        border: 1px solid #ccc;
        padding: 10px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>发布-订阅模式示例</h1>
    <button onclick="addEvent('myEvent')">订阅事件myEvent，打印 1+ 接收到的数据</button>
    
     <!-- 验证订阅是否成功[打印:1+first] -->
    <button onclick="publishEvent('first')">发布事件myEvent，发送数据:first</button>