MUI class="mui-switch" 开关监听

Posted 2020-11-05 海乐学习-专业呼叫中心解决方案

如何对MUI中的switch开关按钮进行监听， 
页面代码如下:

<form class="mui-input-group">
    <ul class="mui-table-view mui-table-view-chevron">
        <li class="mui-table-view-cell">
            自动登录
            <div id="autoLogin" class="mui-switch">
                <div class="mui-switch-handle"></div>
            </div>
        </li>
    </ul>
</form>

我们通过如下方式知道按钮被点击了，以及最后状态：

var isManual = false;//标志按钮最后状态
$(function() {
//对按钮进行监听
    document.getElementById("autoLogin").addEventListener(‘toggle‘, function(event) {
        isManual=!isManual;
        //alert(isManual);
    });
});