JSAPI

  • Since 9.9

    popMenuClick

    标题栏右边popMenu点击后触发的事件

    使用方法

    document.addEventListener('popMenuClick', function(e) {
      //得到name属性值
      console.log(e.data.title); // 这里不是name,是title
    }, false);
    

    代码演示

    基本功能演示

    <h1>请点击右上角弹出的菜单</h1>
    <script>
    function ready(callback) {
      // 如果jsbridge已经注入则直接调用
      if (window.AlipayJSBridge) {
        callback && callback();
      } else {
        // 如果没有注入则监听注入的事件
        document.addEventListener('AlipayJSBridgeReady', callback, false);
      }
    }
    ready(function() {
      AlipayJSBridge.call('setOptionMenu', {
        title : '点我',
        redDot : '-1',
        color : '#ffff6600', // 必须以#开始ARGB颜色值
      });
      AlipayJSBridge.call('showOptionMenu');
    
      document.addEventListener('optionMenu', function(e) {
        AlipayJSBridge.call('showPopMenu', {
          menus:[
            { name: "字体", tag: "tag1" },
            { name: "菜单项2",  tag: "tag2" },
            { name: "菜单项3",  tag: "tag3" }
          ]
        }, function(e) {
          console.log(e);
        });
      }, false);
    
      document.addEventListener('popMenuClick', function(e) {
        alert(JSON.stringify(e.data));
      }, false);
    });
    </script>