标题栏右边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>