社区MUI技术记录 → 浏览:帖子主题
* 帖子主题:mui事件绑定和可以用的js dom操作方法
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:414
发帖:45
来自:保密
注册:2022-05-03 21:53:24
造访:2022-11-17 08:42:05
[ 第 1 楼 ] 回复
<script>
       
        //事件绑定 对象 方法 子元素 回调函数
        mui('body').on('shown', '.mui-popover', function(e) {
            //console.log('shown', e.detail.id);//detail为当前popover元素
        });


        //事件绑定 对象 方法 子元素 回调函数 
        mui('body').on('hidden', '.mui-popover', function(e) {
            //console.log('hidden', e.detail.id);//detail为当前popover元素
        });


        //getElementByID innerHTML parentNode
        var info = document.getElementById("info");
        mui('body').on('tap', '.mui-popover-action li>a', function() {
            var a = this,parent;

            //根据点击按钮,反推当前是哪个actionsheet
            for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
                if (parent.classList.contains('mui-popover-action')) {
                    break;
                }
            }

            //关闭actionsheet
            mui('#' + parent.id).popover('toggle');
            info.innerHTML = "你刚点击了\"" + a.innerHTML + "\"按钮";
        })
    </script>
2022-05-08 15:20:30 IP:已设置保密
pojin (ID: 1)
头衔:论坛坛主
等级:究级天王[荣誉]
积分:414
发帖:45
来自:保密
注册:2022-05-03 21:53:24
造访:2022-11-17 08:42:05
[ 第 2 楼 ] 回复
测试2
2022-05-08 15:50:44 IP:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容