popMenuClick 点击右上角菜单项

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>