界面文档>全局事件 - 瑞思文档中心

接口文档

界面文档

瑞思文档中心>界面文档>全局事件打印模式复制链接

# 全局事件

更新时间：2024-08-10 12:40:39 星期六
**温馨提示：元素组件相关事件不会在本文档中出现**

[TOC]

RWUIv3提供了一系列事件便于开发者开发
这些事件使用JavaScript触发，若不知道如何接收JavaScript事件，请自行百度

## colorModeChanged
网站颜色设置更改，带有一个参数colorMode，深色主题返回dark，浅色主题返回light

## pageChanged
懒加载加载完毕时触发此事件，此事件未经充分测试，推荐直接在懒加载函数中设定回调

全局暂无更多事件，组件事件请看“容器组件”文档

[[上一节]快速开始](./快速开始 "[上一节]快速开始")
[[下一节]功能函数](./功能函数 "[下一节]功能函数")

<br><h2>评论</h2>

<script>
var currentTitle = document.title;
if (currentTitle.includes(' - ')) {
    var docsName = currentTitle.split(' - ')[0];
} else {
    var docsName =currentTitle;
}
</script>
<script>
var script = document.createElement('script');
script.src = 'https://beaudar.lipk.org/client.js';
script.setAttribute('repo', 'PYLXU/win81pro.github.io');
script.setAttribute('branch', 'main');
script.setAttribute('issue-term', docsName);
script.setAttribute('theme', getColorMode() == 'dark' ? 'github-dark' : 'github-light');
script.setAttribute('comment-order', 'desc');
script.setAttribute('input-position', 'top');
script.crossOrigin = 'anonymous';
script.async = true;

document.getElementsByTagName('content')[0].appendChild(script);</script>
<script>
$(document).on('colorModeChanged', function(event,colorMode) {
  if(colorMode=='dark'){
    document.querySelector('iframe').contentWindow.postMessage({
      type: 'set-theme',
      theme: 'github-dark'
    }, 'https://beaudar.lipk.org');
  }else{
    document.querySelector('iframe').contentWindow.postMessage({
      type: 'set-theme',
      theme: 'github-light'
    }, 'https://beaudar.lipk.org');
  }
});
</script>