我是靠谱客的博主 老迟到皮卡丘,这篇文章主要介绍mui实现按钮事件改变问题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(); // 方法
}
})

最后

以上就是老迟到皮卡丘最近收集整理的关于mui实现按钮事件改变问题mui实现按钮事件改变问题的全部内容,更多相关mui实现按钮事件改变问题mui实现按钮事件改变问题内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部