apicloud apicloud

注册
查看: 316|回复: 2

[模块store] dvMonitor (设备方向监听器)demo分享 已解决

主题:
20
帖子:
105
云币:
125

[模块store] dvMonitor (设备方向监听器)demo分享 已解决

316 2 | 发表于 2019-12-16 17:34:24 |阅读模式 | |
dvMonitor 本模块封装IOS和Android系统api的设备方向监听功能,通过注册事件可以监听到当前设备方向。

前端代码示例:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
  6.     <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
  7.     <title>WinA</title>
  8.     <link rel="stylesheet" type="text/css" href="css/api.css" />
  9.     <link rel="stylesheet" type="text/css" href="css/box.css" />
  10.     <script type="text/javascript" src="script/public.js"></script>
  11.     <style>
  12.             p{
  13.                     color:#999;
  14.                     padding:5px;
  15.             }
  16.             #main{
  17.                     text-align:center;
  18.                     padding-top:100px;
  19.             }
  20.             #main button{
  21.                     width:280px;
  22.                     margin-bottom:10px;
  23.             }
  24.     </style>
  25.         <script type="text/javascript">
  26.                 var demo=null;
  27.                 apiready = function(){
  28.                         demo=api.require('dvMonitor');
  29.                        
  30.             }

  31.                 function addListener () {
  32.                         demo.addListener(function(ret){
  33.                                 console.log(JSON.stringify(ret));
  34.                         })
  35.                        
  36.                 }
  37.         function removeListener () {
  38.                         demo.removeListener(function(ret){
  39.                                 console.log(JSON.stringify(ret));
  40.                         })
  41.                        
  42.                 }
  43.         </script>
  44. </head>
  45. <body>
  46.     <div id="wrap">
  47.         <div id="main">
  48.                         <button class="clickbtn" tapmode="active" onclick="addListener()" >addListener()</button>
  49.                         <button class="clickbtn" tapmode="active" onclick="removeListener()" >removeListener()</button>
  50.                 </div>
  51.         </div>
  52. </body>
  53. </html>
复制代码

如有问题欢迎下方留言讨论


官方版主

UID:791056

主题:
9
帖子:
17946
云币:
5594
发表于 2019-12-16 18:01:02 |
厉害

职业车手

UID:436609

主题:
44
帖子:
1811
云币:
2479

足球狗

发表于 2019-12-17 08:52:37 |
感谢分享
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表