mui实现按钮事件改变问题

1.普通按钮多次点击触发不同事件

html

<button type="button" class="mui-btn mui-col-sm-6 mui-col-xs-12" id="btncx">位置查询</button>

js

var isVisible = true;
var btntr = document.getElementById("btntr").addEventListener('tap', function() {
if (isVisible) {
trafficLayer.show(); //方法
isVisible = false;
} else {
trafficLayer.hide(); //方法
isVisible = true;
}
})

2.选择按钮触发事件改变

html

<div class="mui-switch switch" id="mySwitch">
<div class="mui-switch-handle"></div>
</div>

js

var isActive = document.getElementById("mySwitch").addEventListener("toggle", function(event) {
if (event.detail.isActive) {
map.setTrafficOn(); // 方法
} else {
map.setTrafficOff(); // 方法
}
})

最后

以上就是老迟到皮卡丘为你收集整理的mui实现按钮事件改变问题mui实现按钮事件改变问题的全部内容，希望文章能够帮你解决mui实现按钮事件改变问题mui实现按钮事件改变问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。