mui实现按钮事件改变问题

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(); // 方法
	}
})