鹰击长空169
鹰击长空169
  • 发布:2017-06-14 17:38
  • 更新:2017-06-14 19:06
  • 阅读:1382

mui("aaa").on()能不能绑定当前元素aaa

分类:MUI
mui

需要用到mui().off()对事件进行解绑。
之前全是用document.addeventlistener进行绑定,由于传递的是匿名函数,无法进行取消,所以想改为采用mui.on的方式进行绑定,但目前官方示例中只能绑定在aaa下面的子元素上,不知道有没有办法绑到自身?

2017-06-14 17:38 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

mui().on()是事件委托,用于批量绑定事件。不支持单个元素自身事件的响应。
框架也是基于基础的api实现的,请阅读下面的api以及例子。

EventTarget.addEventListener()
EventTarget.removeEventListener

<!DOCTYPE html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <title></title>  
        <style type="text/css">  
            button {  
                display: block;  
                margin: 10px;  
            }  
        </style>  
    </head>  

    <body>  
        <button type="button" id="click">click</button>  
        <button type="button" id="add">add</button>  
        <button type="button" id="remove">remove</button>  
        <script type="text/javascript">  
            var clickEl = document.getElementById('click');  
            var addEl = document.getElementById('add');  
            var removeEl = document.getElementById('remove');  
            var clickEvent = function(event) {  
                console.log('click event');  
            };  
            addEl.addEventListener('click', function() {  
                clickEl.addEventListener('click', clickEvent, false);  
            });  
            removeEl.addEventListener('click', function() {  
                clickEl.removeEventListener('click', clickEvent);  
            });  
        </script>  
    </body>  

</html>

该问题目前已经被锁定, 无法添加新回复