<div>
<a href="#tab1" id="a">hello1</a>
<a href="#tab2" id="b">hello2</a>
</div>
请教下大家，我想在脚本里面控制点击事件，怎么弄？一般web的javascript脚本写法是
var a= document.getElementById("a");
a.setAttribute("onclick",'');
a.click("return false");
蓝莲花
- 发布：2014-10-19 12:00
- 更新：2015-04-27 12:21
- 阅读：5035
mobile app不建议使用click，建议使用mui封装的tap事件，例如：
{{{
var a= document.getElementById("a");
a.addEventListener('tap',function(){
//你的业务逻辑
});
}}}
蓝莲花 (作者)
继续请教啊，调试代码：
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#tab1" id="a">hello1</a>
<a class="mui-tab-item" href="#tab2" id="b">hello2</a>
</nav>
<div class="mui-content">
<div id="tab1" class="mui-control-content mui-active">Test1</div>
<div id="tab2" class="mui-control-content">
<button id='queryBtn' onclick="javascript:test();">测试</button>
</div>
</div>
<script type="text/javascript" charset="utf-8">
function test() {
var a= document.getElementById("a");
mui.trigger(a,'tap');
}
</script>
我设想是，mui.trigger(a,'tap'); 会跟点击屏幕 hello1 一样，不过测试没达到设想效果，请教应该怎么写啊？
仙人指路 - 世界妖魔当道.
mui官方的演示app里有模拟点击事件, 你可以看看人家是怎么写的
在它app源代码目录examples/tab-webview-main.html, 第81行
//自定义事件，模拟点击“首页选项卡”
document.addEventListener('gohome',function () {
var defaultTab = document.getElementById("defaultTab");
//模拟首页点击
mui.trigger(defaultTab,'tap');
//切换选项卡高亮
var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
if(defaultTab!==current){
current.classList.remove('mui-active');
defaultTab.classList.add('mui-active');
}
});
蓝莲花 (作者)
超级感谢
2014-10-19 17:35