admin 发表于 2023-2-16 18:54:54

Events模块管理客户端事件,包括系统事件,如扩展API加载完毕、程序前后台切换等 ...

<div id="article_content" class="article_content clearfix">
      <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css">
      <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-6e43165c0a.css">
                <div id="content_views" class="htmledit_views">
                  <p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">Events模块管理客户端事件&#xff0c;包括系统事件&#xff0c;如扩展API加载完毕、程序前后台切换等。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">常量&#xff1a;</span></strong></span></h2>
<ul><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22plusready%22">&#34;plusready&#34;</a>: 扩展API加载完成事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22pause%22">&#34;pause&#34;</a>: 运行环境从前台切换到后台事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22resume%22">&#34;resume&#34;</a>: 运行环境从后台切换到前台事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22netchange%22">&#34;netchange&#34;</a>: 设备网络状态变化事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22newintent%22">&#34;newintent&#34;</a>: 新意图事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22plusscrollbottom%22">&#34;plusscrollbottom&#34;</a>: 页面滚动到底部事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22error%22">&#34;error&#34;</a>: 页面加载错误事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22background%22">&#34;background&#34;</a>: 应用切换到后台运行事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22foreground%22">&#34;foreground&#34;</a>: 应用切换到前台运行事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22trimmemory%22">&#34;trimmemory&#34;</a>: 应用需要清理内存事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22splashclosed%22">&#34;splashclosed&#34;</a>: 应用启动界面已关闭事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22keyboardchange%22">&#34;keyboardchange&#34;</a>: 软键盘变化事件</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.%22uistylechange%22">&#34;uistylechange&#34;</a>: 系统外观样式变化事件</li></ul>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">方法&#xff1a;</span></strong></span></h2>
<ul><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.addEventListener">addEventListener</a>: 添加事件监听函数</li></ul>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">回调方法&#xff1a;</span></strong></span></h2>
<ul><li><ahref="https://www.html5plus.org/doc/zh_cn/events.html#plus.Events.EventTrigCallback">EventTrigCallback</a>: 事件触发回调函数</li><li><ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.ErrorEventTrigCallback">ErrorEventTrigCallback</a>: 页面加载错误事件回调函数</li></ul>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_16-->&#34;plusready&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">扩展API加载完成事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//扩展API加载完成事</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">为了保证HTML5扩展API的有效调用&#xff0c;页面加载扩展API完成后会触发此事件。 通常应该在页面开始加载时监听此事件&#xff0c;当此事件触发后&#xff0c;就可以安全的调用HTML5扩展API。 如果应用使用多页面&#xff0c;每个都会收到此事件。 注意&#xff1a;uni-app不需要关心此事件&#xff0c;框架已经封装确保5&#43; API能够有效调用。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#87ceeb&#34;>// 监听plusready事件 </span>
<span style&#61;&#34;color:#87ceeb&#34;>// uni-app项目中不要监听此事件&#xff0c;uni-app中不存在document对象&#xff0c;调用此方法会引起js错误</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕&#xff0c;现在可以正常调用扩展API</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// ...... </span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_18-->&#34;pause&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">运行环境从前台切换到后台事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;pause&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//从前台切换到后台</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">当程序从前台切换到后台时会触发此事件。 若应用需要处理从前台切换到后台的事件行为&#xff0c;可通过注册“pause”事件监听。 注意&#xff1a;此事件可能早于&#34;plusready&#34;事件触发&#xff0c;如果在回调事件中需要调用5&#43;API&#xff0c;建议在plusready回调事件触发后再监听。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;pause&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onAppPause</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onAppPause</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Application paused!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_20-->&#34;resume&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">运行环境从后台切换到前台事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;resume&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//从后台切换到前台</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">当程序从后台切换到前台时会触发此事件。 若应用需要处理从后台切换到前台的事件行为&#xff0c;可通过注册“resume”事件监听。 注意&#xff1a;此事件可能早于&#34;plusready&#34;事件触发&#xff0c;如果在回调事件中需要调用5&#43;API&#xff0c;建议在plusready回调事件触发后再监听。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;resume&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onAppReume</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onAppReume</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        alert</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Application resumed!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_22-->&#34;netchange&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">设备网络状态变化事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;netchange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//网络状态变化</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">设备的网络状态发生时会触发此事件。 若应用需要根据网络状态变化进行业务处理&#xff0c;可通过注册“netchange”事件监听。 注意&#xff1a;此事件可能早于&#34;plusready&#34;事件触发&#xff0c;如果在回调事件中需要调用5&#43;API&#xff0c;建议在plusready回调事件触发后再监听。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;netchange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onNetChange</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onNetChange</span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> nt </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>getCurrentType</span><span style&#61;&#34;color:#ffffff&#34;>();</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>switch</strong></span> <span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>nt</span><span style&#61;&#34;color:#ffffff&#34;>){</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>case</strong></span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>CONNECTION_ETHERNET</span><span style&#61;&#34;color:#ffffff&#34;>:</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>case</strong></span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>CONNECTION_WIFI</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>
                alert</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Switch to Wifi networks!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>break</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>case</strong></span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>CONNECTION_CELL2G</span><span style&#61;&#34;color:#ffffff&#34;>:</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>case</strong></span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>CONNECTION_CELL3G</span><span style&#61;&#34;color:#ffffff&#34;>:</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>case</strong></span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>networkinfo</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>CONNECTION_CELL4G</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>
                alert</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Switch to Cellular networks!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>break</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>default</strong></span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>
                alert</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Not networks!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>break</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
        <span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_24-->&#34;newintent&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">新意图事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;newintent&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//新意图</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">程序切换到后台后被第三方程序激活到前台时触发此事件。 若应用需要根据第三方程序调用时进行业务处理&#xff08;如判断传入的参数打开指定页面&#xff09;&#xff0c;可通过注册“newintent”事件监听。 注意&#xff1a;此事件可能早于&#34;plusready&#34;事件触发&#xff0c;如果在回调事件中需要调用5&#43;API&#xff0c;建议在plusready回调事件触发后再监听。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;newintent&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onNetIntent</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onNetIntent</span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// 获取新意图传入的参数</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> args </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>runtime</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>arguments</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// 处理意图事件</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_26-->&#34;plusscrollbottom&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">页面滚动到底部事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusscrollbottom&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//页面滚动到底部</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">当滚动Webview窗口页面到底部时触发此事件。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusscrollbottom&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onScrollToBottom</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onScrollToBottom</span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// 处理滚动到窗口底部事件</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_28-->&#34;error&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">页面加载错误事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;error&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>){</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">当Webview窗口加载页面失败后打开错误页面时触发此事件。 注意&#xff1a;此事件仅在错误页面中才触发。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>/></strong></span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>name</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;viewport&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>content</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;initial-scale&#61;1.0, maximum-scale&#61;1.0, user-scalable&#61;no&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>/></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>name</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;HandheldFriendly&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>content</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;true&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>/></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>name</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;MobileOptimized&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>content</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;320&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>/></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Error</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// H5 plus事件处理</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> ws</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>null</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> plusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// Android处理返回键</span><span style&#61;&#34;color:#ffffff&#34;>
        plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>key</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>'backbutton'</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
                <span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>history</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>length</span><span style&#61;&#34;color:#ffffff&#34;>&#61;&#61;</span><span style&#61;&#34;color:#cd5c5c&#34;>1</span><span style&#61;&#34;color:#ffffff&#34;>)&&</span><span style&#61;&#34;color:#ffffff&#34;>ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>close</span><span style&#61;&#34;color:#ffffff&#34;>();</span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> c</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;>setTimeout</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
                        ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>close</span><span style&#61;&#34;color:#ffffff&#34;>();</span>
                <span style&#61;&#34;color:#ffffff&#34;>},</span><span style&#61;&#34;color:#cd5c5c&#34;>1000</span><span style&#61;&#34;color:#ffffff&#34;>);</span><span style&#61;&#34;color:#ffffff&#34;>
                window</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>onbeforeunload</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
                        clearTimeout</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>c</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                <span style&#61;&#34;color:#ffffff&#34;>}</span><span style&#61;&#34;color:#ffffff&#34;>
                history</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>go</span><span style&#61;&#34;color:#ffffff&#34;>(-</span><span style&#61;&#34;color:#cd5c5c&#34;>2</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
        <span style&#61;&#34;color:#ffffff&#34;>},</span><span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span><span style&#61;&#34;color:#ffffff&#34;>
        ws</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;>plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>webview</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>currentWebview</span><span style&#61;&#34;color:#ffffff&#34;>();</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>if</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>window</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>plus</span><span style&#61;&#34;color:#ffffff&#34;>){</span><span style&#61;&#34;color:#ffffff&#34;>
        plusReady</span><span style&#61;&#34;color:#ffffff&#34;>();</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span><span style&#61;&#34;color:#f0e68c&#34;><strong>else</strong></span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>'plusready'</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;>plusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>'touchstart'</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong>return</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span><span style&#61;&#34;color:#f0e68c&#34;><strong>true</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#87ceeb&#34;>// 禁止选择</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>oncontextmenu</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>return</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#ffffff&#34;>};</span>
<span style&#61;&#34;color:#87ceeb&#34;>// 获取错误信息</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;error&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>){</span><span style&#61;&#34;color:#ffffff&#34;>
        info</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>innerText</span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;请求的页面&#xff08;&#34;</span><span style&#61;&#34;color:#ffffff&#34;>&#43;</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>href</span><span style&#61;&#34;color:#ffffff&#34;>&#43;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#xff09;无法打开&#34;</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span><span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><style></strong></span>
<span style&#61;&#34;color:#ffffff&#34;>*{</span>
        <span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>webkit</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>user</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#f0e68c&#34;><strong>select</strong></span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;> none</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span><span style&#61;&#34;color:#ffffff&#34;>
html</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;>body</span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>
        margin</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>0px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        padding</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>0px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        width</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>100</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffffff&#34;>
        height</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>100</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffffff&#34;>
        text</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>align</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;> center</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
        <span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>webkit</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>touch</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>callout</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>none</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
        <span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>webkit</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>tap</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>highlight</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>color</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>rgba</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#cd5c5c&#34;>0</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#cd5c5c&#34;>0</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#cd5c5c&#34;>0</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#cd5c5c&#34;>0</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>button</span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>
        width</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>50</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffffff&#34;>
        font</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>size</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>18px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        font</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>weight</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;> normal</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        text</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>decoration</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;> none</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        text</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>align</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;> center</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        padding</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#cd5c5c&#34;>5em</span> <span style&#61;&#34;color:#cd5c5c&#34;>0em</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        margin</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#cd5c5c&#34;>5em</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>auto</strong></span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        color</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#87ceeb&#34;>#333333;</span><span style&#61;&#34;color:#ffffff&#34;>
        background</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>color</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#87ceeb&#34;>#EEEEEE;</span><span style&#61;&#34;color:#ffffff&#34;>
        border</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>1px</span><span style&#61;&#34;color:#ffffff&#34;> solid </span><span style&#61;&#34;color:#87ceeb&#34;>#CCCCCC;</span>
        <span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>webkit</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>border</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>radius</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>5px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>
        border</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>radius</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#cd5c5c&#34;>5px</span><span style&#61;&#34;color:#ffffff&#34;>;</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>button</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>active</span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>
        background</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>color</span><span style&#61;&#34;color:#ffffff&#34;>:</span> <span style&#61;&#34;color:#87ceeb&#34;>#CCCCCC;</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></style></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><body></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><div</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>style</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#ffffff&#34;>width</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#cd5c5c&#34;>100</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffffff&#34;>height</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#cd5c5c&#34;>20</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></div></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><svg</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>xmlns</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;http://www.w3.org/2000/svg&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>version</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;1.1&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>viewBox</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;0 0 512 512&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>style</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#ffffff&#34;>height</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#cd5c5c&#34;>20</span><span style&#61;&#34;color:#ffffff&#34;>%;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><g</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>id</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;icomoon-ignore&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
                <span style&#61;&#34;color:#f0e68c&#34;><strong><line</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>stroke-width</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;1&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>x1</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>y1</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>x2</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>y2</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>stroke</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;#449FDB&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>opacity</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></line></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></g></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><path</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>d</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;M256 0c-141.385 0-256 114.615-256 256s114.615 256 256 256 256-114.615 256-256-114.615-256-256-256zM352 128c17.673 0 32 14.327 32 32s-14.327 32-32 32-32-14.327-32-32 14.327-32 32-32zM160 128c17.673 0 32 14.327 32 32s-14.327 32-32 32-32-14.327-32-32 14.327-32 32-32zM352.049 390.37c-19.587-32.574-55.272-54.37-96.049-54.37s-76.462 21.796-96.049 54.37l-41.164-24.698c27.98-46.535 78.958-77.672 137.213-77.672s109.232 31.137 137.213 77.672l-41.164 24.698z&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>fill</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;#666666&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></path></strong></span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong></svg></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><p</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>style</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#ffffff&#34;>font</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>size</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#cd5c5c&#34;>18px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffffff&#34;>font</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>weight</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#ffffff&#34;>bolder</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span><span style&#61;&#34;color:#ffffff&#34;>We're sorry ...</span><span style&#61;&#34;color:#f0e68c&#34;><strong></p></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><p</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>id</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;info&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>style</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#ffffff&#34;>font</span><span style&#61;&#34;color:#ffffff&#34;>-</span><span style&#61;&#34;color:#ffffff&#34;>size</span><span style&#61;&#34;color:#ffffff&#34;>:</span><span style&#61;&#34;color:#cd5c5c&#34;>12px</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></p></strong></span>
        <span style&#61;&#34;color:#87ceeb&#34;><!--<div class&#61;&#34;button&#34; onclick&#61;&#34;history.back()&#34;>Retry</div>--></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><div</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>class</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;button&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>onclick</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>if</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>history</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>length </span><span style&#61;&#34;color:#ffffff&#34;>&#61;&#61;</span> <span style&#61;&#34;color:#cd5c5c&#34;>1</span><span style&#61;&#34;color:#ffffff&#34;>){</span><span style&#61;&#34;color:#ffffff&#34;>ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>close</span><span style&#61;&#34;color:#ffffff&#34;>();}</span><span style&#61;&#34;color:#f0e68c&#34;><strong>else</strong></span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>back</span><span style&#61;&#34;color:#ffffff&#34;>();</span><span style&#61;&#34;color:#ffffff&#34;>ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>back</span><span style&#61;&#34;color:#ffffff&#34;>();}</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span><span style&#61;&#34;color:#ffffff&#34;>Back</span><span style&#61;&#34;color:#f0e68c&#34;><strong></div></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><div</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>class</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;button&#34;</span> <span style&#61;&#34;color:#bdb76b&#34;><strong>onclick</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#ffffff&#34;>ws</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>close</span><span style&#61;&#34;color:#ffffff&#34;>()</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span><span style&#61;&#34;color:#ffffff&#34;>Close</span><span style&#61;&#34;color:#f0e68c&#34;><strong></div></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_30-->&#34;background&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">应用切换到后台运行事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;background&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//应用切换到后台运行</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">在多应用运行环境&#xff08;如流应用&#xff09;中&#xff0c;启动一个新应用时&#xff0c;之前运行的应用将会自动切换到后台运行。 切换到后台运行的应用将会触发此事件。 注意&#xff1a;此事件可能早于&#34;plusready&#34;事件触发&#xff0c;如果在回调事件中需要调用5&#43;API&#xff0c;建议在plusready回调事件触发后再监听。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;background&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onAppBackground</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onAppBackground</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Application background!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_32-->&#34;foreground&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">应用切换到前台运行事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;foreground&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//应用切换到前台运行</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">在多应用运行环境&#xff08;如流应用&#xff09;中&#xff0c;应用切换到后台运行后再次被启动时&#xff0c;不会创建新的应用实例&#xff0c;而是将后台应用激活到前台运行。 此时切换到前台运行的应用将会触发foreground事件。 回调函数原型为void onForeground(e){}其中e.active表明激活应用到前台来源&#xff0c;可取值&#xff1a;&#34;default&#34;-默认激活方式&#xff0c;通常表示通过应用列表启动激活&#xff0c;或者关闭前一个应用后自动激活等&#xff1b;&#34;stream&#34;-通过流应用api&#xff08;plus.stream.open&#xff09;激活&#xff1b;&#34;scheme&#34;-通过urlscheme方式触发激活&#xff1b; &#34;push&#34;-通过点击系统通知方式触发激活&#xff1b; &#34;barcode&#34;-通过二维码扫描激活&#xff1b; &#34;myapp&#34;-通过应用收藏列表&#xff08;[流应用]独立App中&#34;我的&#34;列表&#xff09;触发激活。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;foreground&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onAppForeground</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onAppForeground</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>){</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Application foreground!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> activeType </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;> e</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>active</span><span style&#61;&#34;color:#ffffff&#34;>;</span>        <span style&#61;&#34;color:#87ceeb&#34;>// 获取激活到前台来源</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_34-->&#34;trimmemory&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">应用需要清理内存事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;trimmemory&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>//应用需要清理内存</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">在多应用运行环境&#xff08;如流应用&#xff09;中&#xff0c;可同时运行多个应用&#xff0c;当运行过多应用时会导致内存占用过多的情况&#xff0c;此时切换到后台运行的应用会收到清理内存事件。 此时应用应该释放资源来减少内存的使用&#xff08;如关闭非必要的Webview窗口等&#xff09;。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;trimmemory&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onAppTrimMemory</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onAppTrimMemory</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Trim Memory!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_36-->&#34;splashclosed&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">应用启动界面已关闭事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;splashclosed&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">应用启动后关闭启动界面时触发&#xff0c;不管是应用自动关闭还是调用plus.navigator.closeSplashscreen方法&#xff0c;都会触发此事件。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;splashclosed&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onSplashClosed</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onSplashClosed</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;Splash closed!&#34;</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_38-->&#34;keyboardchange&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">软键盘变化事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;keyboardchange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> keyboardChangeCallback</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> capture</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">但软键盘打开或关闭时触发&#xff0c;并在回到参数event中height属性表示软键盘的高度。 height属性值大于0表示打开软键盘&#xff0c;height属性值为0表示关闭软键盘。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 扩展API加载完毕后调用onPlusReady回调函数 </span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;plusready&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onPlusReady</span><span style&#61;&#34;color:#ffffff&#34;>(){</span><span style&#61;&#34;color:#ffffff&#34;>
        document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;keyboardchange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> onKeyboardChange</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;> onKeyboardChange</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>e</span><span style&#61;&#34;color:#ffffff&#34;>){</span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> height </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;> e</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>height</span><span style&#61;&#34;color:#ffffff&#34;>;</span>   <span style&#61;&#34;color:#87ceeb&#34;>// 键盘高度</span>
    <span style&#61;&#34;color:#f0e68c&#34;><strong>if</strong></span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffffff&#34;>height </span><span style&#61;&#34;color:#ffffff&#34;>></span> <span style&#61;&#34;color:#cd5c5c&#34;>0</span><span style&#61;&#34;color:#ffffff&#34;>){</span><span style&#61;&#34;color:#ffffff&#34;>
      console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>'键盘显示'</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
    <span style&#61;&#34;color:#ffffff&#34;>}</span><span style&#61;&#34;color:#f0e68c&#34;><strong>else</strong></span><span style&#61;&#34;color:#ffffff&#34;>{</span><span style&#61;&#34;color:#ffffff&#34;>
          console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>'键盘隐藏'</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
        <span style&#61;&#34;color:#ffffff&#34;>}</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_40-->&#34;uistylechange&#34;</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">系统外观样式变化事件</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code><span style&#61;&#34;color:#ffffff&#34;>
                               
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;uistylechange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> uiStyleChangeEvent</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> capture</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">String 类型</span></span></p>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">系统外观样式切换&#xff08;设置或关闭暗黑模式&#xff09;时触发。 可通过<ahref="https://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.getUiStyle">plus.navigator.getUiStyle()</a>获取当前设置的外观样式。 HBuilderX2.6.3&#43;版本支持&#xff0c;iOS平台适配暗黑模式参考&#xff1a;<ahref="https://ask.dcloud.net.cn/article/36995">iOS13适配暗黑模式/夜间模式/深色模式/暗黑主题&#xff08;DarkMode&#xff09; - DCloud问答</a>。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">示例&#xff1a;</span></strong></span></h2>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#cccccc&#34;><!DOCTYPE html></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong><html></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><meta</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>charset</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;utf-8&#34;</span><span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><title></strong></span><span style&#61;&#34;color:#ffffff&#34;>Events Example</span><span style&#61;&#34;color:#f0e68c&#34;><strong></title></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><script</strong></span> <span style&#61;&#34;color:#bdb76b&#34;><strong>type</strong></span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;text/javascript&#34;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
<span style&#61;&#34;color:#87ceeb&#34;>// 监听uistylechange消息</span><span style&#61;&#34;color:#ffffff&#34;>
document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;uistylechange&#34;</span><span style&#61;&#34;color:#ffffff&#34;>,</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>function</strong></span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> style </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span><span style&#61;&#34;color:#ffffff&#34;> plus</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>navigator</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>getUiStyle</span><span style&#61;&#34;color:#ffffff&#34;>();</span><span style&#61;&#34;color:#ffffff&#34;>
        console</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>log</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#ffa0a0&#34;>&#34;current ui style: &#34;</span><span style&#61;&#34;color:#ffffff&#34;>&#43;</span><span style&#61;&#34;color:#ffffff&#34;>style</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
<span style&#61;&#34;color:#ffffff&#34;>},</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>false</strong></span><span style&#61;&#34;color:#ffffff&#34;>);</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></script></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></head></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong><body</strong></span> <span style&#61;&#34;color:#f0e68c&#34;><strong>></strong></span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong></body></strong></span>
<span style&#61;&#34;color:#f0e68c&#34;><strong></html></strong></span>
                               
                                </code></span></span></code></pre>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><ahref="https://uniapp.dcloud.io/use-html5plus">uni-app使用plus注意事项</a></span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_44-->addEventListener</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">添加事件监听函数</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#f0e68c&#34;><strong>void</strong></span><span style&#61;&#34;color:#ffffff&#34;> document</span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>addEventListener</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#f0e68c&#34;><strong>event</strong></span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> callback</span><span style&#61;&#34;color:#ffffff&#34;>,</span><span style&#61;&#34;color:#ffffff&#34;> capture</span><span style&#61;&#34;color:#ffffff&#34;>);</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">通过Html中标准document对象的addEventListener方法添加扩展事件监听器&#xff0c;当指定事件发生时&#xff0c;将触发对应额监听回调函数。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">参数&#xff1a;</span></strong></span></h2>
<ul><li>event: <em>( DOMString ) 必选 </em>要添加监听的事件类型&#xff0c;可取上面列出的所有事件常量 <p style="margin-left:0;"></p> </li><li>callback: <em>( <ahref="https://blog.csdn.net/qq_40575646/article/details/122686172#plus.Events.EventTrigCallback">EventTrigCallback</a> ) 必选 </em>扩展API加载完毕触发的回调函数 <p style="margin-left:0;"></p> </li><li>capture: <em>( Boolean ) 可选 </em>事件流捕获顺序&#xff0c;可忽略 <p style="margin-left:0;"></p> </li></ul>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">返回值&#xff1a;</span></strong></span></h2>
<p>void<span style="color:#474747;"><span style="background-color:#f6f4f2;"> : 无</span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_46-->EventTrigCallback</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">事件触发回调函数</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#f0e68c&#34;><strong>void</strong></span><span style&#61;&#34;color:#ffffff&#34;> onTrig</span><span style&#61;&#34;color:#ffffff&#34;>(){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// Event trig code</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">指定事件触发时的回调函数&#xff0c;在指定的事件已经发生时调用。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">参数&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">无</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">返回值&#xff1a;</span></strong></span></h2>
<p>void<span style="color:#474747;"><span style="background-color:#f6f4f2;"> : 无</span></span></p>
<h1 style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;"><!--LINK#0_47-->ErrorEventTrigCallback</span></span></h1>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">页面加载错误事件回调函数</span></span></p>
<pre class="has" style="margin-left:0;"><code class="language-prettyprint"><span style&#61;&#34;background-color:#333333&#34;><span style&#61;&#34;color:#474747&#34;><code>
                               
<span style&#61;&#34;color:#f0e68c&#34;><strong>void</strong></span><span style&#61;&#34;color:#ffffff&#34;> onErrorTrig</span><span style&#61;&#34;color:#ffffff&#34;>(</span><span style&#61;&#34;color:#98fb98&#34;>Event</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>event</strong></span><span style&#61;&#34;color:#ffffff&#34;>){</span>
        <span style&#61;&#34;color:#87ceeb&#34;>// Event trig code</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> url </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>event</strong></span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>url</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#87ceeb&#34;>// 加载错误的页面路径&#xff0c;API中传入的url值</span>
        <span style&#61;&#34;color:#f0e68c&#34;><strong>var</strong></span><span style&#61;&#34;color:#ffffff&#34;> href </span><span style&#61;&#34;color:#ffffff&#34;>&#61;</span> <span style&#61;&#34;color:#f0e68c&#34;><strong>event</strong></span><span style&#61;&#34;color:#ffffff&#34;>.</span><span style&#61;&#34;color:#ffffff&#34;>href</span><span style&#61;&#34;color:#ffffff&#34;>;</span><span style&#61;&#34;color:#87ceeb&#34;>// 加载错误的页面完整路径&#xff0c;通常以“file://”开头的路径</span>
<span style&#61;&#34;color:#ffffff&#34;>}</span>
                               
                                </code></span></span></code></pre>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">说明&#xff1a;</span></strong></span></h2>
<p style="margin-left:0;"><span style="color:#474747;"><span style="background-color:#f6f4f2;">当Webview窗口加载页面失败后打开错误页面时触发此事件。</span></span></p>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">参数&#xff1a;</span></strong></span></h2>
<ul><li>event: <em>( Event ) 可选 </em>加载页面失败信息 <p style="margin-left:0;"><span style="color:#474747;">可通过event.url&#xff08;String类型&#xff09;获取加载页面的url值&#xff0c;如“./test/html”&#xff1b; 可通过event.href&#xff08;String类型&#xff09;加载错误的页面完整路径&#xff0c;包括完整的协议头&#xff0c;如Android平台“file:///storage/sdcard0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/test.html”&#xff0c;iOS平台“file:///var/mobile/Containers/Data/Application/757966CF-345C-4348-B07F-EEF83CF9A369/Library/Pandora/apps/HBuilder/www/test.html”。</span></p> </li></ul>
<h2 style="margin-left:.8em;"><span style="color:#f13a0e;"><strong><span style="background-color:#f6f4f2;">返回值&#xff1a;</span></strong></span></h2>
<p>void<span style="color:#474747;"><span style="background-color:#f6f4f2;"> : 无</span></span></p>
                </div>
      </div>
      <div id="treeSkill"></div>
页: [1]
查看完整版本: Events模块管理客户端事件,包括系统事件,如扩展API加载完毕、程序前后台切换等 ...