【MUI】HBuilder class="mui-switch"开关监听

简介: 【MUI】HBuilder class="mui-switch"开关监听

如何对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>


一开始的页面图如下:

image.png



可以点击:

image.png



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


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


目录
相关文章
【MUI】HBuilder class=&quot;mui-switch&quot;开关监听
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 如何对MUI中的switch开关按钮进行监听, 页面代码如下: 自动登录 ...
1347 0
|
数据安全/隐私保护 iOS开发
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
|
6月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
234 3
|
缓存 Java PHP
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
|
4月前
|
前端开发 JavaScript
HBuilder实现App资源在线升级更新
这篇文章介绍了使用HBuilder实现App资源在线升级的流程,包括获取线上和本地版本号对比、检查更新、下载安装包、静默或用户触发安装以及重启应用。关键代码展示了如何比较版本、下载wgt文件及安装更新。注释提到仅同名文件被覆盖,manifest.json变化需整包升级。提供了一个DEMO下载链接。
157 0
|
6月前
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
【Hbuilder】Hbuilder 插件[App]云打包安装失败--已解决
194 0
|
6月前
|
开发者
【Hbuilder】Hbuilder 原生App-云打包,报错需要打包校验
【Hbuilder】Hbuilder 原生App-云打包,报错需要打包校验
244 0
|
6月前
|
前端开发 开发工具 Android开发
【服务器APP】利用HBuilder X把网页打包成APP
【服务器APP】利用HBuilder X把网页打包成APP
334 0
|
6月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南
193 0
|
11月前
|
小程序 中间件 API
使用Hbuilder将网页打包成APP
有需求将手机端的web网站打包成一个APP 百度了一下,提供相关需求的网站还不少,但是基本上体验都很差,而且一般都是有广告的,APP的名称也不能自定义。 也有一些很高级的工具,例如Cordova
299 0